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

悠然的博客

欢迎光临

 
 
 

日志

 
 

文字图片滚动代码  

2013-01-11 20:28:47|  分类: 空间代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
文字图片滚动代码 - 千里之外 - 千里之外的博客

 

文字图片滚动代码

 

图片

 

文字滚动代码

 

 

基本格式
<marquee> 文字 </marquee>

(一)方向与速度

文字从左向右移动

<MARQUEE scrollAmount=3 direction=right>
<font style=font:10pt color=#0000ff><b>
向右移动direction=right
</b></font></marquee>

文字从右向左移动

<marquee scrollamount=2 direction=left>
<font style=font:10pt color=#0000ff><b>
向左移动
</b></font> </marquee>

文字从下向上移动(一)

<b> <marquee scrollamount=1 direction=up >
<pre>从下向上</pre></marquee>

文字从下向上移动(二)

<center>  <MARQUEE scrollAmount=1 direction=up width=350 height=150> <font face=华文行楷 size=5 color=000666><b>    《梅花落》<BR> 隆冬十二月,寒风西北吹。<BR> 独有梅花落,飘荡不依枝。<BR> 留恋逐霜彩,漫步下冰斯。<BR> 何当与春日,共映芙蓉词。 </b></FONT></MARQUEE> </center>
文字从下向上移动(三)

<DIV style="WRITING-MODE: tb-rl; WIDTH: 400px; HEIGHT: 200px" align=center><SPAN><WBR width="0" src="http://qqdiy.info/a/n/n.swf" </FONT> <MARQUEE scrollamount=2>
<DIV style="WRITING-MODE: lr-tb" align=center>
<P align=center><FONT font="font"><FONT color=#66ff00 size=6><STRONG>这里写文字<BR>文字编辑区<BR>文字编辑区<BR>文字编辑区<BR>文字编辑区<BR></STRONG></FONT></FONT></P>
<P align=center><FONT color=#ff9900 font="font"><FONT color=#ff9900 size=5><FONT color=#cc0000><FONT size=3>&nbsp;</FONT><BR><BR></FONT>&nbsp;</FONT></P>
<P></P></DIV></FONT></MARQUEE></DIV>
<DIV></DIV></SPAN>

(二)方式

<marquee behavior=scroll>一圈一圈绕着走</marquee> <P>
<marquee behavior=slide>只走一次就歇了</marquee> <P>
<marquee behavior=alternate>来回走</marquee>
(三)循环次数
   <marquee loop=3 width=50% behavior=scroll>走 3 趟</marquee> <P>
<marquee loop=4 width=50% behavior=slide>走 4 趟</marquee> <P>
<marquee loop=5 width=50% behavior=alternate>走 5 趟!</marquee>     
(四)位置


 


<font size=6>
<marquee align=top width=400>居顶部</marquee>
</font>

<font size=6>
<marquee align=middle width=400>居中部</marquee>
</font>

<font size=6>
<marquee align=bottom width=400>居底部</marquee>
</font>

(四)底色

bgcolor是 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<marquee bgcolor=aaaaee>有底色</marquee>

(五)面积

 
<marquee height=40 width=50% bgcolor=aaeeaa>
面积
</marquee>

(六)空白
********************************************<br>
嗨,
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦</marquee>
大家好!<br>
********************************************
********************************************
大家好!
********************************************

(七)绝对定位

<DIV style="LEFT: 80px; POSITION: absolute; TOP: 120px">
<DIV align=center><BR>
<MARQUEE>
<DIV style="FILTER: shadow(color=#cc25cc, strength=0); WIDTH: 720px; HEIGHT: 140px"><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; COLOR: #00ff00; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=qingxiu><STRONG><FONT face=楷体_GB2312 color=#ff00cc>书写移动文字</FONT><BR></STRONG></FONT></DIV></MARQUEE></DIV>

 

文字穿越代码中的:WIDTH: 720px; HEIGHT: 140px 分别表示文字框的宽、高,调整数据为WIDTH: 120px; HEIGHT: 540px 左右,就得到竖列文字。

 

 

 

图片滚动代码

 

 

图片翻页代码

<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图片"></P></MARQUEE></TD></TR></TBODY></TABLE></P>

无背景羽化图片上滚代码
<DIV style="WRITING-MODE: tb-rl; HEIGHT: 400px" align=center><SPAN><WBR src="
http://820.88218.com/803/801.swf?" d=" allowNetworking=all " blank="blank" allowscriptaccess="always" false="false" invokeurls="true" s='rel="se' a="><embed invokeURLs=" target="_blank" align="center" lr-tb="lr-tb" writing-mode:="writing-mode:">
<DIV align=center>
<MARQUEE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=500 align=center height=400>
<TBODY>
<TR>
<TD>
<P><IMG style="FILTER: alpha(opacity=200,style=2); BACKGROUND: none transparent scroll repeat 0% 0%" id=e27 alt=图片 src="图片地址"> <BR><IMG style="FILTER: alpha(opacity=200,style=2); BACKGROUND: none transparent scroll repeat 0% 0%" id=e28 alt=图片 src="图片地址"> <BR><IMG style="FILTER: alpha(opacity=200,style=2); BACKGROUND: none transparent scroll repeat 0% 0%" id=e28 alt=图片 src="图片地址"> <BR><IMG style="FILTER: alpha(opacity=200,style=2); BACKGROUND: none transparent scroll repeat 0% 0%" id=e28 alt=图片 src="图片地址"> 
</P></TD></TR></TBODY></TABLE></MARQUEE></DIV></DIV>

有背景的图片上滚代码

<代码TABLE style="BACKGROUND-IMAGE: url(背景图片地址)"

cellSpacing=0 align=center>
<TBODY>
<TR>
<TD>
<代码DIV style="WIDTH: 670px; WRITING-MODE: tb-rl; HEIGHT: 400px" align=center><SPAN><WBR width="0" src="
http://qqdiy.info/a/n/n.swf" height="0" d=" allowNetworking=all " target="_blank" blank="blank" allowscriptaccess="always" false="false" a="><embed invokeURLs=" invokeurls="true" s='rel="se'>
<代码MARQUEE>
<代码DIV style="WRITING-MODE: lr-tb" align=center><BR><代码IMG style="BACKGROUND: none transparent scroll repeat 0% 0%" height=500 src="图片地址" width=670> <代码IMG style="BACKGROUND: none transparent scroll repeat 0% 0%" height=500 src="图片地址" width=670> <代码IMG style="BACKGROUND: none transparent scroll repeat 0% 0%" height=500 src="图片地址" width=670> <代码IMG style="BACKGROUND: none transparent scroll repeat 0% 0%" height=500 src="图片地址" width=670> <代码IMG style="BACKGROUND: none transparent scroll repeat 0% 0%" height=500 src="图片地址" width=670> <代码IMG style="BACKGROUND: none transparent scroll repeat 0% 0%" height=500 src="图片地址" width=670> <代码IMG style="BACKGROUND: none transparent scroll repeat 0% 0%" height=500 src="图片地址" width=670> <代码IMG style="BACKGROUND: none transparent scroll repeat 0% 0%" height=500 src="图片地址" width=670> <代码IMG style="BACKGROUND: none transparent scroll repeat 0% 0%" height=500 src="图片地址" width=670> <代码IMG style="BACKGROUND: none transparent scroll repeat 0% 0%" height=500 src="图片地址" width=670><DIV></SPAN>
<DIV></DIV></SPAN></DIV></TD></TR></TBODY></TABLE></DIV></MARQUEE>
<DIV></DIV>

图片从左向右移动的代码

<marquee scrollamount=5 direction=right>
<img src=图片地址>
</marquee>

图片从上向下移动的代码

<marquee scrollamount=5 direction=down > <CENTER> <INPUT src="图片地址" type=image width=70> </CENTER></marquee>

 

 

图片

  

 

  评论这张
 
阅读(50)| 评论(0)
推荐

历史上的今天

评论

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

页脚

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