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

mooncake

QQ:416008500

 
 
 

日志

 
 
关于我

个人主页:http://user.qzone.qq.com/416008500 本人主营:办公软件 软件开发 VB编程 电脑组装 网络工程 电脑周边 办公器材 监控系统 门禁考勤 网站建设 网站维护 网页制作

网易考拉推荐

走马灯代码  

2007-04-27 20:26:21|  分类: 编辑博客的新方法 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

感谢小强提供

最近在博客上发现有人用走马灯的方法来装饰博客,如友情连接和文章标题等,有好多人问我怎么弄,这里简单的就不介绍了,现在介绍一些嵌套的走马灯代码Marquee的用法。

  屏幕保护效果:

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

  效果演示:

小强博客

 

  滚动文字特效


  加个参数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"> 小强博客</marquee> </marquee> </td> </tr> </table>

  效果演示:

小强博客

 

  多嵌套

<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"> 小强博客 </marquee> </marquee> </td> <td width="468"> <marquee direction="up" behavior="alternate" scrollamount=1 height="60"> <marquee direction="left" scrollamount=4 behavior="alternate" width="468"> 博客秘籍 </marquee> </marquee> </td></tr></table>

  效果演示

小强博客 博客秘籍
  评论这张
 
阅读(13)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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