以前向大家推荐了多图片左右滚动的代码,很多的朋友很喜欢。今天夜,向大家再推荐一个侧边栏图片向上滚动代码,希望大家能够喜欢!喜欢就留言告诉我,顶一下,偷偷的带走是很不礼貌的哦!谢谢!下面我们来看一下效果图,这是我用自己相册里的图片做的效果图。你可以把你自己喜欢图片添加进去,更改一下图片的地址就可以了!
效果图如下:
修改过的代码如下:
<marquee direction=up height=200 scrollamount=2 scrolldelay=90 width="100%"> <img border=0 src="http://img.blog.163.com/photo/PUVZji7ySt1sgXNh0foxAA==/440508338553543991.jpg"> <br> <img border=0 src="http://img.blog.163.com/photo/f4pJ5RNbl0LbaJdBNIaDIQ==/446137838087802632.jpg"> <br> <img border=0 src="http://img.blog.163.com/photo/s_N9HQ3UeNRoBNO5eAK2sw==/426997539671488354.jpg"> <br> <img border=0 src="http://img.blog.163.com/photo/gfP-G3npQI6einSEKLGlKA==/430375239392017625.jpg"> <br > <img border=0 src="http://img.blog.163.com/photo/LRzSrALKlR6rJpSGjMGBkQ==/434315889065964040.jpg"> <br > <img border=0 src="http://img.blog.163.com/photo/6iVZdRBqb5YkQL8BC3HeNw==/432908514182413895.jpg"> <br> <img border=0 src="http://img.blog.163.com/photo/u-FGs1AoO2b0O_gHhg66Sw==/441071288507022626.jpg"> <br> <img border=0 src="http://img.blog.163.com/photo/siVAhAT4MA1R_pKLIyTp0A==/437693588786492546.jpg"> <br> <img border=0 src="http://img.blog.163.com/photo/CSwCTbYori2yNXSbGBZIsg==/439663913623469366.jpg"> <br> <img border=0 src="http://img.blog.163.com/photo/K0lYOFMXiHH6D-fz4Uje3A==/437975063763203210.jpg"> <br> </marquee>
如果您想换成您自己的照片或喜欢的图片,请使用以下原始代码
原始代码如下:
<marquee direction=up height=200 scrollamount=1 scrolldelay=90 width="100%"> <img border=0 src="图片1"> <br> <img border=0 src="图片2"> <br> <img border=0 src="图片3"> <br> <img border=0 src="图片4"> <br> <img border=0 src="图片5"> <br> <img border=0 src="图片6"> <br> <img border=0 src="图片7"> <br> <img border=0 src="图片8"> <br>
<img border=0 src="图片9"> <br> <img border=0 src="图片10"> <br> </marquee>
代码说明:
1、其中的“图片1”“图片2”……“图片10”分别是你图片的地址,要用你的图片地址来粘帖。 2、图片要求宽180为宜。 3、scrollamount=1 为图片移动的速度,数字越大图片移动的速度越快! |
|