随机图片滚动(随机数+变化函数),可运行-创新互联
*{
padding:0;
margin: 0;
}
li,ul{
list-style: none;
}
#parent{
margin: 0 auto;
width: 830px;
height: 900px;
border:3px solid #C1C1C1;
margin-top: 50px;
}
#parent>ul>li{
float: left;
width: 400px;
height: 225px;
}
#parent>ul>li ul{
width: 380px;
height: 200px;
position: relative;
}
#parent>ul>li li{
width: 380px;
height: 200px;
position: relative;
}
img{
}
window.onload=function(){
var setTime=null;
setTime=setInterval(function(){
//bianhuan(7);
//返回一个X-Y之间的随机数
var num =stochastic(0,7);
bianhuan(num);
},500);
}
function bianhuan(a){
//var obj=getID('son');
//让层上下左右移动 ,参数 标签对象,上/下/左/右,终点距离,回调函数
var Oli=document.getElementsByName("fail");
var Oul=Oli[a].getElementsByTagName("ul")[0];
var Tli=Oul.getElementsByTagName("li");
doMove ( Oul, 'top', 15, -200,function(){
Oul.style.top='0px';
Oul.insertBefore(Tli[0],Tli[Tli.length]);
});
}
function getID(obj){
return document.getElementById(obj);
}
- width: 380px;
height: 200px;
overflow: hidden;">
- width: 380px;
height: 200px;
overflow: hidden;">
- width: 380px;
height: 200px;
overflow: hidden;">
- width: 380px;
height: 200px;
overflow: hidden;">
- width: 380px;
height: 200px;
overflow: hidden;">
- width: 380px;
height: 200px;
overflow: hidden;">
- width: 380px;
height: 200px;
overflow: hidden;">
- width: 380px;
height: 200px;
overflow: hidden;">
创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。
网站题目:随机图片滚动(随机数+变化函数),可运行-创新互联
转载注明:http://scyanting.com/article/ccehph.html