注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

古镇文礼

..

 
 
 

日志

 
 

引用 滚动图片特效代码  

2008-12-26 22:36:24|  分类: 博客素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

蓝色妖姬滚动图片特效代码

 1.代码如下:(换下宽值和图片地址即可!)

direction属性:决定文本的滚动方向,分为向左left和向右right,up和down默认状态向左。

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼 引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼 引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼 引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼 引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼 引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

代码:

<MARQUEE height=100 widhth="200">
<P align=left>
<P align=center>

<IMG src="http://img590.photo.163.com/w-lan/5936532/1885409810.gif" width=123>

<IMG src="http://img20.photo.163.com/w-lan/5936532/102769836.gif" width=123>

<IMG src="http://img134.photo.163.com/w-lan/5936532/379656496.gif" width=123>

<IMG src="http://img590.photo.163.com/w-lan/5936532/1881379201.jpg" width=369>

<IMG src="http://img590.photo.163.com/w-lan/5936532/1885399391.gif" width=123>

<IMG src="http://img590.photo.163.com/w-lan/5936532/1885409719.gif" width=123>

</P>

</MARQUEE>

2.向左移动

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼 引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

代码:

<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src="
http://img.blog.163.com/photo/QUvDNNJP1zihLQBI7y8o9w==/3996944669291612890.jpg">
<img border="0" src="
http://img.blog.163.com/photo/QUvDNNJP1zihLQBI7y8o9w==/3996944669291612890.jpg">
</marquee>

3.从下往上滚动

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼 引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

代码:

<marquee align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src="
http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg">
<img border="0" src="
http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg">
</marquee>
4. 从右向左滚动

欢迎光临蓝色妖姬的小屋

代码:

<marquee direction=left>从右向左滚动</marquee>

5.从左向右滚动

欢迎光临蓝色妖姬的小屋

代码:

<marquee direction=right>从左向右滚动</marquee>
6.behavior属性:指定文本的滚动方式,分为三种:
Scroll:从一端消失后,在另一端出现并继续滚动。

(1)一圈一圈地滚动

一圈一圈地滚动

代码:

<marquee behavior=scroll>一圈一圈地滚动</marquee>
(2)Slide:从一端滚动,接触到另一端后停止 只滚动一次就停止代码:

<marquee behaviro=slide>只滚动一次就停止</marquee>
(3) Alternate:从一端滚动到另一端后,反向滚动。 来回滚动代码:

<marquee behavior=alternate>来回滚动</marquee>
direction=up(left、right、down) 这个属性可以更改,这样就可以实现上下左右了

7.原地跳动的文字

代码:

<CENTER><FONT face=隶书 color=red size=25>
<MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE><FONT color=brown>
<MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE><FONT color=green>
<MARQUEE direction=up behavior=alternate width=60 height=80>永</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>远</MARQUEE><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=60 height=80>幸</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>福</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT></FONT></FONT></FONT></FONT></FONT>

8.竖排字渐出:

我带着远古的心愿
你怀揣前世的祈盼
我饱含如许的虔诚
你浸润最深的期待
我们跨越万水千山
赴今世的约定...
你感觉我深情凝眸的甜柔
我倾听你心室澎湃的跳动
白云轻盈飘荡
星月神秘闪烁

燃烧的篝火旁
我们席地而坐
倾诉不尽的相思
燃烧的火焰是不灭的炙热
让我们一起出发
背上快乐的行囊
携着一路的欢唱
踏着灿烂的芬芳
望--天上云卷霞飞
看--地下小桥流水
拥--郁郁山川入怀
枕--簇簇波浪入眠
把--忧烦抛在身后
让--愉悦洒满诗行

代码:

<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=550 height=293>
<MARQUEE style=" WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>
<P align=left><FONT style="FONT-SIZE: 18pt; COLOR: #ea0000; FONT-FAMILY: 方正姚体" color=#ff0000>我带着远古的心愿<BR>你怀揣前世的祈盼<BR>我饱含如许的虔诚<BR>你浸润最深的期待<BR>我们跨越万水千山<BR>赴今世的约定...<BR>你感觉我深情凝眸的甜柔<BR>我倾听你心室澎湃的跳动<BR>白云轻盈飘荡<BR>星月神秘闪烁<BR><BR>燃烧的篝火旁<BR>我们席地而坐<BR>倾诉不尽的相思<BR>燃烧的火焰是不灭的炙热<BR>让我们一起出发<BR>背上快乐的行囊<BR>携着一路的欢唱<BR>踏着灿烂的芬芳<BR>望--天上云卷霞飞<BR>看--地下小桥流水<BR>拥--郁郁山川入怀<BR>枕--簇簇波浪入眠<BR>把--忧烦抛在身后<BR>让--愉悦洒满诗行 <BR><BR></FONT></P></MARQUEE></MARQUEE></DIV>
9.飞舞的文字代碼

 

代码:

<MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT color=#7700bb size=5><FONT color=lime>
<MARQUEE direction=up behavior=alternate width=40 height=200 align="middle">蓝</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=150>色</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=200>妖</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=150>姬</MARQUEE><FONT color=orange><MARQUEE direction=up behavior=alternate width=40 height=200>欢</MARQUEE><FONT color=orange><MARQUEE direction=up behavior=alternate width=40 height=150>迎</MARQUEE><FONT color=red><MARQUEE direction=up behavior=alternate width=40 height=200>你</MARQUEE><FONT color=orange></B></FONT></FONT></FONT></FONT></FONT></MARQUEE>

提示大家字不够可以自己添加/复制<MARQUEE direction=up behavior=alternate width=40 height=150>龍</MARQUEE><FONT color=red>这代码越多你添加的字起来就不会那么别扭/当然你可以直接在上面加多几个字/颜色可以自己改

9.图片中加入文字


朋友您好!

亲自动手!

体验成功!

代码:

<DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 9pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 24px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word" auto';">
<P align=center><BR>
<TABLE height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=http://img.photo.163.com/fsJHLbSY9wtY7kb3JwUTFg==/649362771272314331.gif border=3>
<TBODY>
<TR>
<TD>
<P align=center>
<MARQUEE scrollAmount=3 direction=up>
<P align=center><FONT face=宋书 color=#ff0000 size=8>朋友您好!</FONT></P>
<P align=center><FONT face=宋书 color=#ff0000 size=8>亲自动手!</FONT></P>
<P align=center><FONT face=宋书 color=#ff0000 size=8>体验成功!</FONT></P></MARQUEE></P></TD></TR></TBODY></TABLE></P></DIV>

向下:down  向左:alternate 向右:right

 10.移动代码:

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

代码:效果1

<MARQUEE scrollAmount=3 direction=left behavior=slide width=450 height=371><MARQUEE scrollAmount=3 direction=right behavior=slide width=330 height=350><DIV align=center><IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"></DIV></MARQUEE></MARQUEE> 

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

代码:效果2

<MARQUEE scrollAmount=3 direction=down height=350><MARQUEE scrollAmount=3 direction=up height=350> <DIV align=center><IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"></DIV></MARQUEE></MARQUEE> 

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

代码:效果3

<MARQUEE scrollAmount=3 direction=up height=371><MARQUEE scrollAmount=3 direction=down height=371><DIV align=center><IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"></DIV></MARQUEE></MARQUEE>

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

 

代码:效果4

<MARQUEE scrollAmount=3 direction=right width=450 height=350><MARQUEE scrollAmount=3 direction=left width=450 height=350> <DIV align=center><IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"></DIV></MARQUEE></MARQUEE> 

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

代码:效果5

<MARQUEE scrollAmount=3 direction=left width=450 height=350><MARQUEE scrollAmount=3 direction=right width=450 height=350> <DIV align=center><IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"></DIV></MARQUEE></MARQUEE> 

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

代码:效果6

<MARQUEE scrollAmount=2 direction=up behavior=alternate height=350><MARQUEE scrollAmount=2 direction=up height=350> <DIV align=center><IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"></DIV></MARQUEE></MARQUEE>

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

代码:效果7

 

<DIV align=center> <MARQUEE scrollAmount=2 behavior=alternate width=450 height=350><MARQUEE scrollAmount=2 direction=up width=450 height=350><IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"></MARQUEE></MARQUEE></DIV> 

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

代码:效果8

<MARQUEE scrollAmount=3 behavior=alternate width="100%"><MARQUEE scrollAmount=3 width="98%"><DIV align=center><IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"></DIV></MARQUEE></MARQUEE> 

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

代码:效果9

<MARQUEE scrollAmount=2 direction=down><DIV align=center><IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br><IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br> <IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br> <IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br> <IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br></DIV> </MARQUEE> <MARQUEE style=" FILTER: flipv(enabled=1)" scrollAmount=2 direction=down> <DIV align=center><IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br> <IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br> <IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br> <IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br> <IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br></DIV> </MARQUEE>

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

 

 

代码:效果10

<DIV align=center> <MARQUEE scrollAmount=2 direction=up><DIV align=center><IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br><IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br> <IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br> <IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br> <IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br></DIV></MARQUEE> <MARQUEE style="FILTER: flipv(enabled=1)" scrollAmount=2 direction=up> <DIV align=center><IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br> <IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br> <IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br> <IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br> <IMG src="http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"><br><br></DIV></MARQUEE> 

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼 引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼 引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼 引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

<TABLE cellSpacing=0 cellPadding=0 width=500 align=center border=0> <TBODY> <TR> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="

http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="

http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="

http://img845.photo.163.com/00YcXygVGnMXyFN9g01W_Q==/910853024636179916.jpg"></MARQUEE></TD></TR></TBODY></TABLE>

注: 各参数详解:

a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

 

 

引用 滚动图片特效代码 - 古镇文礼 - 古镇文礼

 

  评论这张
 
阅读(95)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017