javascript运动效果实例总结(放大缩小、滑动淡入、滚动)

本文实例总结了javascript运动效果实现与用法。分享给大家供大家参考，具体如下：

一、图片放大缩小效果：

*{ margin:0; padding:0; list-style:none;}
#ulList{ margin:50px;}
#ulList li{ margin:10px; width:100px; height:100px; float:left; background:#ddd; border:1px solid black;}





 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

二、信息滑动淡入加载显示效果：

#msgBox{ width:500px; margin:0 auto; padding:5px;}
.msgList{ filter:alpha(opacity=0); opacity:0; font-size:12px; line-height:1.6; border-bottom:1px solid #ddd;}
.box{ float:left;}





 

 

三、无缝滚动效果：

*{ margin:0; padding:0; list-style:none;}
#div1{ width:480px; height:120px; margin:50px auto; border:1px solid black; position:relative; overflow:hidden;}
#div1 li{ float:left; padding:10px;}
#div1 li img{ display:block;}
#div1 ul{ position:absolute;}







 

  

  

  

  

 

更多关于Javascript运动效果相关内容可查看本站专题：《Javascript运动效果与技巧汇总》

希望本文所述对大家Javascript程序设计有所帮助。