#container
{
width:156px
height:30px
padding: 0
}
.made
{
width:50px
height:30px
margin:0
float: left
text-align: center
line-height: 30px
font-size: 30px
border: 1px solid #ccc
cursor:pointer
font-weight: bold
}
</style>
<script>
window.onload=function()
{
var oDiv=document.getElementById('container')
var aDiv=oDiv.getElementsByTagName('div')
aDiv[2].onclick=function()
{
aDiv[1].innerHTML=parseInt(aDiv[1].innerHTML)+1
}
aDiv[0].onclick=function()
{
if(parseInt(aDiv[1].innerHTML)<=0)
{
aDiv[1].innerHTML=0
}
else
{
aDiv[1].innerHTML=parseInt(aDiv[1].innerHTML)-1
}
}
}
</script>
</head>
<body>
<div id="container">
<div class="made">-</div>
<div class="made">3</div>
<div class="made">+</div>
</div>
</body>
</html>
大概是这样吧
图片全部重复<body style="background-image:url(地址)background-repeat: repeat"></body>如果你不能用BODY的话 可以设置DIV
<div style="height:100%width:100%background-image:url(地址)background-repeat: repeat">
</div>
可以仿它的页面，即使模仿出来，也只是熟悉HTML和css的使用。做出来的也只是一个静态页面，不具备交互功能，更没有淘宝的数据。不过可以通过仿页面提升自己HTML，css的熟练度，和学习网页布局。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）