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

乱世狂刀

剑指九天扬正气,拳立华夏显武威

 
 
 

日志

 
 

走马灯特效及其应用  

2006-12-09 18:01:54|  分类: 博客技术 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 走马灯特效及其应用
 此文出自<空菜>的博客,http://blog.163.com/wuha_dkc/在此谢谢空菜.最近在博客上发现有人用走马灯的方法来装饰博客,如友情连接和文章标题等,有好多人问我怎么弄,这里简单的就不介绍了,现在介绍一些嵌套的走马灯代码Marquee的用法。
屏幕保护效果:

<marquee height="400" direction="up" width="500" bgcolor="#FFFFFF"> <marquee height="50" direction="left" width="100%"> <font style="font-size: 20px; color:#fff000">空菜BLOG</font> </marquee> </marquee>

  效果演示:

空菜BLOG

 

  滚动文字特效


  加个参数behavior="alternate" 再看看效果

scroll:Marquee 根据 direction 设置的方向滚动,文本滚到头以后再重头开始,这是默认值。
alternate:Marquee 的内容到达容器的边缘后又按照相反的方向滚动回来,周而复始,形成周期
slid:Marquee 根据 direction 设置的方向滚动,到边缘就停止滚动,不再重复

  就变成下面的:

<table> <tr> <td bgcolor=#FFFFFF width=468> <marquee direction="down" behavior="alternate" scrollamount=1 height="60"> <marquee direction="right" behavior="alternate" scrollamount=4 width="468"> 空菜BLOG</marquee> </marquee> </td> </tr> </table>

  效果演示:

空菜BLOG

 

  多嵌套

<table bgcolor="#FFFFFF"> <tr><td width="1" valign="top" > <marquee direction="down" behavior="alternate" scrollamount=1 height="60"> <marquee direction="right" scrollamount=4 behavior="alternate" width="468"> 空菜BLOG </marquee> </marquee> </td> <td width="468"> <marquee direction="up" behavior="alternate" scrollamount=1 height="60"> <marquee direction="left" scrollamount=4 behavior="alternate" width="468"> 空菜BLOG </marquee> </marquee> </td></tr></table>

  效果演示

空菜BLOG 空菜BLOG

 

 

本文来自小强的BLOG 在此谢谢他了.

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

历史上的今天

评论

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

页脚

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