﹏喺﹖ 2008-01-10 19:45
移动代码(分享)
很多朋友喜欢做图片移动的帖,在这儿再贴一遍代码,和大家分享!
一、向左移动
<marquee><img src=http://myok.blogchina.com/inc/myoklogo.gif><br>从右向左移动</marquee>
示例:
从右向左移动
二、向右移动
<marquee direction=right><img src=http://myok.blogchina.com/inc/myoklogo.gif width=90 height=30><br><font color=0000ff size=3 face=宋体><b>从左向右移动</b></font></marquee>
示例:
从左向右移动
三、向上移动
<marquee direction=up scrollamount=5 src=http://myok.blogchina.com/inc/myoklogo.gif width=90 height=30></center></marquee>
示例:
四、向下移动
<marquee direction=down scrollamount=5><center><font color=0000ff size=5 face=华文行楷><b>向下移动</b></font><br><img src=http://myok.blogchina.com/inc/myoklogo.gif width=90 height=30></marquee>
示例:
向下移动
五、来回移动
<marquee width=100% behavior=alternate scrollamount=10><img src=http://myok.blogchina.com/inc/myoklogo.gif width=90 height=30><br><font color=0000ff size=5 face=华文行楷><b>来回移动</b></font></marquee>
示例:
来回移动
<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>
......
动作如下:用法只将代码中direction="up"引号中的文字换成下面的动作代码简称就行。
方法:[例]direction="slide"
slide滑动
scroll预设卷动
alternate来回卷动
down向下卷动
up向上卷动
right向右卷动
left向左卷动
width=180设定宽度
height=30设定高度
让好友头象移动起来(寒秋自行研究)
此代码经几番试验后,可以使用,具体效果可见我的博客首页。本人所有个人学习代码使用方法:
登陆新博客,进入编辑状态:
点排版---模块---自定义---显示---新增(输入你要新增的标题)---保存---再点排版下面的保存页面---将你编辑好的代码直接复制粘贴(点预览可直接看效果)---保存---再进行相应的页面调整---再点排版下面的保存页面 (完成后预览看一下效果)
<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=2 direction=right>
<description><div> <a href="好友博客地址"> <img src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>
<a href="好友博客地址"> <img
src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>
<a href="好友博客地址"> <img
src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>
......
WIDTH: 397px; HEIGHT: 200px 为:显示窗口大小
width="80" height="80"为好友头像的图片大小
可以根据自己需要进行调整
单行文字向上移动代码:
<marquee scrollAmount=2 width=300 height=160 direction=up><ul> <li> <a
href="输入你要连接的地址">输入你要显示的文字
多行文字同步向上移动代码:
<marquee scrollAmount=2 width=300 height=160 direction=up><ul> <li> <a
href="输入你要连接的地址">输入你要显示的文字<ul> <li> <a
href="输入你要连接的地址">输入你要显示的文字<ul> <li> <a
......
文字向左移动代码:
<marquee scrollAmount=1.5 width=250 height=350
direction=up<description><ul>
<description><ul> <li> <a
href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a
href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a
......
文字向右移动代码:
<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=2 direction=right>
<a
href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a
href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a
......
scrollAmount=1.5(为速度值,值越小速度越慢,反之越快)
width=250(宽度值)
height=350(高度值)