body
divid=photo-list
ulid=scroll
liahrf=#imgsrc=imags/1.jpgwidth=pxhight=pxalt=//a/li
liahrf=#imgsrc=imags/2.jpgwidth=pxhight=pxalt=//a/li
liahrf=#imgsrc=imags/3.jpgwidth=pxhight=pxalt=//a/li
liahrf=#imgsrc=imags/4.jpgwidth=pxhight=pxalt=//a/li
liahrf=#imgsrc=imags/5.jpgwidth=pxhight=pxalt=//a/li
liahrf=#imgsrc=imags/6.jpgwidth=pxhight=pxalt=//a/li
/ul
/div
/body
2新建CSS样式表新建一个CSS样式表文件，并将该文件保存到与“indx.html”相同的目录下，文件名称为“MyStyl.css。*{padding:0;margin:0;}/*设置所有对像的内边距为0*/body{txt-align:cntr;}/*设置页面居中对齐*/
#photo-list{
/*6张图片的宽度（包含宽度、padding、bordr、图片间的留白）计算：6*(+2*2+1*2+9)-9之所以减去9是第6张图片的右边留白*/width:px;/*图片的宽度（包含高度、padding、bordr）计算：+2*2+1*2*/hight:px;margin:50pxauto;ovrflow:hiddn;/*溢出部份将被隐藏*/bordr:1pxdashd#ccc;}#photo-listul{list-styl:non;}#photo-listli{float:lft;padding-right:9px;}#photo-listimg{bordr:1pxsolid#ddd;background:#fff;padding:2px;}
3引用样式表linkrl=stylshttyp=txt/csshrf=MyStyl.css4新建JS文件新建一个JS文件，并将该文件另存为“MovEffct.js。在”MovEffct.js“文件中输入如下所示代码：5引用JS文件在主页文件indx.html”中添加对该“MovEffct.js”文件的引用。scripttyp=txt/JavaScriptsrc=MovEffct.js/script以上是网页图片滚动的解决方法和思路，同学们可以动手试试，欢迎点击底部阅读原文进入问答精灵网站浏览更多相关问题。
▼
欢迎点击下方写留言