滚动的图片效果&代码

来源:百度文库 编辑:神马文学网 时间:2024/04/27 20:36:52

一、滚动效果:

 

 

二、代码:

 


http://image9.360doc.com/DownloadImg/2010/05/1419/3201291_1.jpg" width=215 border=0> http://image9.360doc.com/DownloadImg/2010/05/1419/3201291_2.jpg" width=194 border=0> http://image9.360doc.com/DownloadImg/2010/05/1419/3201291_3.jpg" width=174 border=0> http://image9.360doc.com/DownloadImg/2010/05/1419/3201291_4.jpg" width=177 border=0> http://image9.360doc.com/DownloadImg/2010/05/1419/3201291_5.jpg" width=175 border=0> http://image9.360doc.com/DownloadImg/2010/05/1419/3201291_6.jpg" width=175 border=0> http://image9.360doc.com/DownloadImg/2010/05/1419/3201291_7.jpg" width=175 border=0> http://img.blog.163.com/photo/QP_t884NFXmi-KhUKpd12Q==/888053551522583039.jpg" width=175 border=0> http://image9.360doc.com/DownloadImg/2010/05/1419/3201291_8.jpg" width=175 border=0> http://image.bbs.tom.com/data1/pic/69/599/599223_n.jpg" width=180 border=0> http://image9.360doc.com/DownloadImg/2010/05/1419/3201291_9.jpg" width=195 border=0> http://image9.360doc.com/DownloadImg/2010/05/1419/3201291_10.jpg" width=347 border=0> http://source.hi.mop.com/photo/storage/fangle/40/58/DD/1847439/1151298412815.jpg" width=347>

三、解读代码知识点:

1、 ,这是固定搭配,不要更改。其中:

 scrollAmount=4:数字“4”代表移动速度,可根据自己的情况调整,值在1-15之间,越大移动越快。

scrollDelay=60  :不用理它,就这样好了。

direction=left   :表示方向,:“left ” 向右移动,可改为上:up   下:down   左:right  。

 width=438  :数字“438”表示制定义板块的长度(底边长),可根据自己的情况调整。

height=260:数字“260”表示自定义板块的高度,可根据自己的情况调整。

那么, width=438  height=260:结合在一起,表示自定义板块:438(长)/260(高)。

2、http://image9.360doc.com/DownloadImg/2010/05/1419/3201291_1.jpg" width=215 border=0>:这也是固定的,表示一张照片,每增加一个,就增加一张相片,随意增加,直到不让你增加为止:其中:

height=260 :数字“260”表示相片的高度,可随意调整,但不能超过自定义板块的高度260。

width=215 :数字“260”表示相片的底边长度,可随意调整,但不能超过自定义板块的长度438。

http://image9.360doc.com/DownloadImg/2010/05/1419/3201291_1.jpg :这是你需要相片的网址,可随意调整。

3、

:这是代码后缀部分,就不用管了,让它始终睡在那里好了。

四、操作要点

1、关于图片地址:以前我没有成功,主要就差在如何选择图片地址上。这对以前的我和初学者来说是最难对付的,也是最难找的、最难确定的一个环节,不信,你就自己找吧。其实,找图片地址很简单,只要鼠标对准你要选择的图片,点击右键——选择属性——点击后——图片的地址就在上面显示,同时,也有图片的大小,等等。但对于你自己博客中的的图片,点击到一张相片的界面后,在按上述的方法查找地址。对于其他照片也是如此。

2、关于镶嵌图片大小的确认。我们都知道,图片的大小千变万化,大小不一,而自定义的栏目却是固定的。如果不采取一定的技巧,你装入的图片就会走形,不美观,所以本人的技巧如下:还是举例说明吧,这样比较直观易懂。如:图片为1024*768:表示这张图片大小为长1024,高768,那1024/768==1.3333,这是一个比例,你要装入的图片固定高=260后,那长=260*1.3333=347。以此类推,错不了。