查看完整版本: 移动代码(分享)

﹏喺﹖ 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(高度值)
页: [1]
查看完整版本: 移动代码(分享)