淘宝宝贝图片展示，鼠标放上去只有最后一个li有效果。
无标题文档
*{ margin:0; padding:0;}
ul{ list-style:none;}
#box {
height:70px;
width:360px;
padding-top:360px;
border:1px solid #ccc;
background: url(images/01big.jpg) no-repeat;
overflow:hidden;
margin:100px auto;
}
#box ul{
overflow:hidden;
border-top:1px solid #ccc;
}
#box li{
float:left;
}
<script>
window.onload = function(){
var box = document.getElementById('box');
function fn(bg){
var lis = box.getElementsByTagName('li');
for( var i = 0; i |
免责声明：本内容仅代表回答会员见解不代表天盟观点，请谨慎对待。
版权声明：作者保留权利，不代表天盟立场。
|
|
|
|
|
|
|
|
<blockquote>
无标题文档
*{ margin:0; padding:0;}
ul{ list-style:none;}
#box {
height:70px;
width:360px;
padding-top:360px;
border:1px solid #ccc;
background: url(images/01big.jpg) no-repeat;
overflow:hidden;
margin:100px auto;
}
#box ul{
overflow:hidden;
border-top:1px solid #ccc;
}
#box li{
float:left;
}
<script>
window.onload = function(){
var box = document.getElementById('box');
var lis = box.getElementsByTagName("li");
for (var i=0;i |
|
|
|
|
|
|
|
|
因为你这样 for执行了之后i永远是 5 ，所以只会显示 5。
var box = document.getElementById('box');
var lis = box.getElementsByTagName("li");
for (var i=0;i |
|
|
|
|
|
|
|
|
天盟APP下载
