打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
如何让多幅带连接的图片动起来

多幅带连接的图片移动:

 

<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(高度值)

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
用代码制作的图片交替显现
装扮博客代码
好听的店铺名字大全_淘宝店铺装修各类代码大全
滚动文字代码(全)
博客素材:如何制作音画《实操》
☆首頁拉幕式裝飾模块〔图片拉幕〕 -
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服