怎样制作好友链接及其头像移动
一、制作好友链接及其头像移动的代码:
<marquee scrollAmount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center">
<a href="好友的网页地址" target="_blank"><img src="好友头像图片的地址" width="200" border="0" /></a>
<a href="好友的网页地址" target="_blank"><img src="好友头像图片的地址" width="200" border="0" /></a>
<a href="好友的网页地址" target="_blank"><img src="好友头像图片的地址" width="200" border="0" /></a>
<a href="好友的网页地址" target="_blank"><img src="好友头像图片的地址" width="200" border="0" /></a>
......
说明:
1、代码中的 scrollAmount=“1 ”语句用来设置移动速度值,值越小速度越慢,值越大速度则越快。
2、代码中的direction="up"语句是用来设置移动方向的。其中引号内的单词可以取以下几种值:
up 向上卷动
down 向下卷动
left 向左卷动
right 向右卷动
ternate 来回卷动
slide 滑动
3、代码中的 width=180 语句用来设定宽度;height=30 语句用来设定高度。其数值是可以根据需要修改的。
4、要获取“好友的网页地址”,只需打开好友的网页,然后将浏览器地址栏中的地址复制粘贴过来即可;要获取“好友头像图片的地址”,只需在好友的头像上右击,选择“属性”,然后将属性中的地址复制粘贴过来即可。
二、制作好友链接及其头象、姓名移动的代码:
<P align=center><BR></P><P align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=2 direction=right><description><div>
<a href="好友博客地址" target="_blank"> <img src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>
<a href="好友博客地址" target="_blank"> <img src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>
<a href="好友博客地址" target="_blank"> <img src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>
......
</div></MARQUEE></P>
说明:
代码中的 WIDTH: 397px; HEIGHT: 200px 语句用来设置显示窗口大小;width="80" height="80" 语句用来设置好友头像的图片大小。其数值可以根据自己需要进行调整。
三、单行文字向上移动代码:
<marquee scrollAmount=2 width=300 height=160 direction=up>
<a href="输入你要链接的地址" target="_blank">输入你要显示的文字</a>
四、多行文字同步向上移动代码:
<marquee scrollAmount=2 width=300 height=160 direction=up>
<a href="输入你要链接的地址" target="_blank">输入你要显示的文字</a><br>
<a href="输入你要链接的地址" target="_blank">输入你要显示的文字</a><br>
......
五、多行文字向左移动代码:
<marquee scrollAmount=1.5 width=250 height=350 direction=left><description>
<ul> <description>
<li> <a href="输入你要链接的地址" target="_blank">输入你要显示的文字</a> </li>
<li> <a href="输入你要链接的地址" target="_blank">输入你要显示的文字</a> </li>
......
</ul>
说明:
代码中的ul是定义无序列表的样式;li是列表内行的样式。在HTML语言中列表的公式为:
<ul>
<li>列表一</li>
<li>列表二</li>
......
</ul>
六、文字向右移动代码:
<P align=center><BR></P><P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=2 direction=right>
<ul>
<li><a href="输入你要链接的地址" target="_blank">输入你要显示的文字</a></li>
<li> <a href="输入你要链接的地址" target="_blank">输入你要显示的文字</a></li>
......
</ul>