以前向大家推薦了多圖片左右滾動的代碼,很多的朋友很喜歡。今天夜,向大家再推薦一個側(cè)邊欄圖片向上滾動代碼,希望大家能夠喜歡!喜歡就留言告訴我,頂一下,偷偷的帶走是很不禮貌的哦!謝謝!下面我們來看一下效果圖,這是我用自己相冊里的圖片做的效果圖。你可以把你自己喜歡圖片添加進(jìn)去,更改一下圖片的地址就可以了!
效果圖如下:
修改過的代碼如下:
<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 為圖片移動的速度,數(shù)字越大圖片移動的速度越快!