今天是   本站已创建

记录宝宝成长、关注育儿知识、石油科技、电脑技术!!!!

现在的位置: 首页 博客电脑 >正文
 
2008年9月11日 ⁄ 暗潮 博客电脑 ⁄ 评论数 2+ ⁄ 被围观 +

实现像本博客顶部文字移动的效果,其实很简单,只需要修改所用风格中INCLUDE文件夹下的header.html文件就能实现。这里主要应用了实现文字移动的《Marquee》语法。
基本语法:
<marquee>需要移动的文字</marquee>
移动属性的设置,这种移动不仅仅局限于文字,也可以应用于图片,表格等等,具体的参数意义以及设施方式如下:
1、方向<direction=*>  *=left, right 默认情况下是从右向左
代码:<marquee direction=left>从右向左移动</marquee>
演示: 从右向左移动
代码:<marquee direction=right>从左向右移动</marquee>
演示:从左向右移动

2、方式 <bihavior=*> *=scroll, slide, alternate
代码:<marquee behavior=scroll>一圈一圈的绕着移动</marquee>
演示:一圈一圈的绕着移动
代码:<marquee behavior=slide>只移动一次就停</marquee>
演示:只移动一次就停
代码:<marquee behavior=alternate>来回移动,不停</marquee>
演示:来回移动,不停

3、循环 <loop=*> * =次数,若未指定则循环不止(infinite)
代码:<marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee>
演示:只走 3 趟

4、速度加快 <scrollamount=*>
代码:<marquee scrollamount=20>移动速度加快</marquee>
演示:移动速度加快
 

5、速度减慢 <scrolldelay=*>
代码:<marquee scrolldelay=500 scrollamount=100>移动速度减慢</marquee>
演示:速度减慢

6、对齐方式 <align=*> *=top, middle, bottom
代码:<font size=6>
<marquee align=top width=400>啦啦啦,我会移动耶!</marquee>
</font>
演示: 啦啦啦,我会移动耶!
7、底色 <bgcolor=*>  *=rrggbb 16进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
例:<marquee bgcolor=red>背景色是红色的</marquee>
背景色是红色的

8、面积 <height=* width=*>
例:<marquee height=80 bgcolor=red>面积变大了</marquee>
面积变大了

 
【版权声明】本站部分文章来自网络,欢迎转载本人原创文章、图片,请提供本博客中相应文章的链接。
请勿将原创图片、文章用于商业用途!对于给您带来的不便表示抱歉!!
本站所分享的影视作品均转自网络,仅供测试和学习交流。请在下载后24小时内删除,请购买/支持正版。
若有侵权,请即时留言告知,万分感谢!
 
 
 
 
目前有 85+ 人访问,有 2+ 条评论! 感谢支持!
  • 中药饮片  中药饮片 :2009/7/7 9:53:30  IP:219.239.24.85  @回复
  • 代码是简单,用得好也很不错
    • 暗潮  暗潮 :2009/7/7 12:59:20  IP:127.0.0.1  @回复
    • 嗯,简单实用,这才是最高境界啊!呵呵
  • 崩溃  崩溃 :2008/9/12 16:45:37  IP:58.60.186.148  @回复
  • 耶~~
    非常简单html代码!!!
    但是非常实用
    呵呵![F]Grimace[/F]
 

 
日历
网站分类
搜索
最新留言
站点统计
Tags列表
 
Copyright ©2007-2018 暗潮天空 BlueSky wu2007.Cn京ICP备08005769

Powered By Zblog Theme By 流年岁月