怎样用dreamwe**er制作动态图片

时间:2016.04.14 发布人:mimei0

怎样用dreamwe**er制作动态图片

已解决问题

谷歌mimei0用户在2016.04.14提交了关于“艾力绅怎样用dreamwe**er制作动态图片”的提问,欢迎大家涌跃发表自己的观点。目前共有1个回答,最后更新于2024-09-14T02:25:10。希望大家能够帮助她。

详细问题描述及疑问:期待您的答案,滴水之恩,来日我当涌泉相报 !

希望以下的回答,能够帮助你。

第1个回答

用户名:qprwwh  

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title>无标题文档</title>
<s却已卫众他束tyle>
*{margin:0;padding:0;}
#div{height:200px;width:1200px;margin:0auto;margin-top:100px;border:1pxsolidred;overflow:hidden;position:relative}
li{l型ist-styl述叶e:none;float:left;}
#ul{posi且般罗操常压图图官员tion:absolute;left:0;}
img{ver古里现知苏九距伟她tical-align:middle完剂染宣班宁翻误}

</style>
</hea妈让力沿且刘况d>

<body>

<divid="div">

<ulid="ul">
<li><imgsrc="images/2.jpg"width="300"height="200"></li>
<l起i><imgsrc="i绝这棉景担金笑强承官农mages/3.jpg"width="3笔容置政术往00"height波夫松食沿右资么常="200"></li>
<li><imgs父宗承联意候绍rc="images/4.jpg"w套器求沙掌板idth="300"hei刻ght="200"></li>
<li><imgsrc="images/5.jpg"width="300"hei死初爱假业操激为ght="200"></li>
</ul>

</div>
</div>

</body>
</ht北略种古ml>
<scripttype="text/j**ascript">

/*functionget克掉准冷持怎Id(id){
re法他turndocument.getElementById(id);
}
functiongetTag(fatherTag,sonTag){
returnfatherTag.getElementsByTagName(sonTag);
}

varul=getId('ul');

varli=getTag(ul,'li');*/
/*----向右----*/
ul.innerh**TML+=ul.innerh**TML
ul.style.width='2400px';
varspeed=5
setInterval(move,60)
functionmove(){
if(ul.offsetLeft>0)
{ul.style.left='-1200px'}
/*elseif(ul.offsetLetf<-1200)
{ul.style.letf=0}/*----------上下移动添加次条件句----*/
ul.style.left=ul.offsetLeft+speed+'px'
}
/*---向左---
ul.innerh**TML+=ul.innerh**TML
ul.style.width='2400px';
varspeed=5
setInterval(move,60)
functionmove(){
if(ul.offsetLeft<-1200)
{ul.style.left=0}
/*elseif(ul.offsetLetf<-1200)
{ul.style.letf=0}*/
/*ul.style.left=ul.offsetLeft-speed+'px'
}
*/
</script>