教你用代码实现向上滚动代码图片链接（友情链接）效果作者：54zz 发布时间：2011-05-06 01:29:38 浏览次数：137代码如下： <div align="center"><marquee scrollamount="2" scrolldelay="60" direction="up" width="160" height="190"> <div align="center"> </div>
<div align="center"><a target="_blank" href="http://www.54zz./"><img height="40" alt="" width="135" border="0" src="/User_UploadFiles/2009/1/7/200917000702768464.gif" /></a></div>
<div align="center"> </div>
<div align="center"> </div>
<div align="center"><a target="_blank" href="http://www.54zz."><img height="40" alt="" width="135" border="0" src="/User_UploadFiles/2009/2/1/200921000261379937.gif" /></a></div>
<div align="center"> </div>
<div align="center"> </div>
<div align="center"><a target="_blank" href="http://www./"><img height="40" alt="" width="135" border="0" src="/User_UploadFiles/2009/3/25/20093250002111736153.gif" /></a></div>
<div align="center"> </div>
<div align="center"> </div>
<div align="center"><a target="_blank" href="http://www./"><img height="40" alt="" width="135" border="0" src="/User_UploadFiles/2009/1/18/20091180001968317484.gif" /></a></div>
<div align="center"> </div>
<div align="center"> </div>
<div align="center"><a target="_blank" href="http://www.xinhuanet.com/"><img height="40" alt="" width="135" border="0" src="/User_UploadFiles/2009/4/6/s_200946000816895366.gif" /></a></div>
<div align="center"> </div>
<div align="center"> </div>
<div align="center"><a target="_blank" href="http://www.cctv.com/default.shtml"><img height="40" alt="" width="135" border="0" src="/User_UploadFiles/2009/2/11/20092110001175148253.gif" /></a></div>
<div align="center"> </div>
<div align="center"> </div>
<div align="center"><a target="_blank" href="http://www.54zz."><img height="40" alt="" width="135" border="0" src="/User_UploadFiles/2009/4/5/s_200945000287302489.gif" /></a></div>
<div align="center"> </div>
<div align="center"> </div>
<div align="center"><a target="_blank" href="http://www.54zz./"><img height="40" alt="" width="135" border="0" src="http://www./images/top_ap_logo.jpg" /></a></div>
<div align="center"> </div>
<div align="center"> </div>
<div align="center"><a target="_blank" href="http://www.54zz."><img height="40" alt="" width="135" border="0" src="/User_UploadFiles/2008/12/16/20081216000788557860.gif" /></a></div>
<div align="center"> </div>
<div align="center"> </div>
<div align="center"><a target="_blank" href="http://www.54zz."><img height="40" alt="" width="135" border="0" src="/User_UploadFiles/2009/4/6/s_2009460001236187119.gif" /></a></div>
<div align="center"> </div>
<div align="center"> </div>
<div align="center"><a target="_blank" href="http://www.54zz."><img height="40" alt="" width="135" border="0" src="/User_UploadFiles/2009/3/9/f9fa97ffe0b847148515650a0e25ce9f.gif" /></a></div>
<div align="center"> </div>
<div align="center"> </div>
<div align="center"><a target="_blank" href="http://www.54zz."><img height="40" alt="" width="135" border="0" src="/User_UploadFiles/2008/10/7/2008107000751350195.jpg" /></a></div>
<div align="center"> </div>
<div align="center"> </div>
<div align="center"><a target="_blank" href="http://www.54zz."><img height="40" alt="" width="135" border="0" src="http://pa.images22./6000/wfzhangshengbing/ae2a072a48195298fd1658ab8d03e177.jpg" /></a></div>
<div align="center"> </div>
<div align="center"> </div>
</marquee></div>
说明：
一、参数说明：
（1）<DIV align=center>表示所有图片居中；<DIV align=center></DIV>表示该单张图片居中。也可以在添加源代码后返回文本框在上面的工具栏点击“居中”按钮进行此项设置。
(2)scrollAmount。它表示图片滚动速度，值越大速度越快。建议设为1～3比较好。
(3)黑色代码中的width和height，表示滚动区域的大小，即图片外框的大小。width是宽度，height是高度。width建议设置在160-170之间，太大不能显示完全，太小效果不好。比入我的宽设置为160，高为190。 (4)图片地址代码中的width和height表示图片的大小。
(5)direction。表示滚动的方向，默认为从右向左滚动。可选的值有right、down、up。滚动方向分别为：right表示从左向右，up表示向上，down表示向下。
(6)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。 (7)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替来回滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动) 二、方法说明：
(8)将上述目标网站的URL修改为目标网站的http地址，比如需要链接“我是站长网”，则改为http://54zz./。图片的urL是指该网站所代表的图片（你的链接中代表的），可以使用该网站的logo，一般网站的首页都会有。点击右键－属性－URL，便可以显示改图片完整的URL。也可以把图片保存，修改成一定的大小然后在斑竹网站上传，保存，也可以得到URL地址。我就是这样的。关键是可以把很多图片修改相同的大小。注意：URL一定是完整的，即一定带上“http//:”（如果网站有防盗链设置，可联系咨询网站管理员）
（9）如果有多个图片链接，则将上述红色代码重复复制粘贴即可。
(10)效果自己编辑后滚动图片链接演示。至于如何添加这段代码就不用多说了吧。 |
|
|
