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

美丽伊甸园

maizi欢迎您

 
 
 

日志

 
 

html语言教程-左右移动转换文字特效HTML代码解析  

2010-02-24 20:50:43|  分类: 怎样装扮博客 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
跑马灯效果就是经常看到的文字左右移动转换效果,这是笼统说法,虽然这种效果目前已经被许多很酷的JS代替,但在有些时候有可能会用到,这里讲解的就是最常见的跑马灯效果文字公告栏置

文字跑马灯公告栏
在这输入文字内容


跑马灯效果就是经常看到的文字左右移动转换效果,这是笼统说法,虽然这种效果目前已经被许多很酷的JS代替,但在有些时候有可能会用到,这里讲解的就是最常见的跑马灯效果文字公告栏置

' style="BACKGROUND-COLOR: #fff" closure_hashcode_3sgsqv="18"><div align="center">

' style="BACKGROUND-COLOR: #fff" closure_hashcode_3sgsqv="19"><table style="color:white; font-size:10pt" border="1" style="color:white; font-size:10pt" bordercolor="#FF9900">

' style="BACKGROUND-COLOR: #fff" closure_hashcode_3sgsqv="20"><td background="图档网址.gif">

" closure_hashcode_3sgsqv="21"><p>

' style="BACKGROUND-COLOR: #fff" closure_hashcode_3sgsqv="22"><font color="#FFFF00" face="新细明体" size="2">

<marquee scrollamount='2' scrolldelay='150' direction= 'up' width='105' id=xiaoqing height='120' onmouseover=xiaoqing.stop()

文字跑馬燈公告欄

在這輸入文字內容' style="BACKGROUND-COLOR: #fff" closure_hashcode_3sgsqv="24">onmouseout=xiaoqing.start() style="color: #0000FF; font-size: 10pt; font-weight: bold; font-family:新细明体">文字跑马灯公告栏<br>在这输入文字内容" closure_hashcode_3sgsqv="25"><br></marquee>

" style="BACKGROUND-COLOR: #fff" closure_hashcode_3sgsqv="26"></font></td></table>

→文字公告欄置中' style="BACKGROUND-COLOR: #fff" onmouseout="this.style.backgroundColor='#fff'">div align="center">→文字公告栏置中

center=居中;left=靠左;right=靠右

<table style="color:white; font-size:10pt" border="1" style="color:white; font-size:10pt"

color:white →公告栏背景白色

→框線顏色(橘色)' style="BACKGROUND-COLOR: #fff" onmouseout="this.style.backgroundColor='#fff'">bordercolor="#FF9900">→框线颜色(橘色)

→可有可無' style="BACKGROUND-COLOR: #fff" onmouseout="this.style.backgroundColor='#fff'"><td background="图档网址.gif">→可有可无

" onmouseout="this.style.backgroundColor='#fff'"><p>

<font color="#FFFF00" →公告栏内容文字颜色(蓝色)

→文字字體大小' style="BACKGROUND-COLOR: #fff" onmouseout="this.style.backgroundColor='#fff'">face="新细明体" size="2">→文字字体大小

<marquee scrollamount='2' scrolldelay='150' →跑马灯速度数值越大跑越慢

direction= 'up' →文字跑马灯向上

跑马灯移动:

往左=left

往右=right

往上=up

往下=down

左右=alternate

width='105' id=xiaoqing height='120' →跑马灯公告栏宽高

onmouseover=xiaoqing.stop()

文字跑馬燈公告欄

在這輸入文字內容' style="BACKGROUND-COLOR: #fff" onmouseout="this.style.backgroundColor='#fff'">onmouseout=xiaoqing.start() style="color: #0000FF; font-size: 10pt; font-weight: bold; font-family:新细明体">文字跑马灯公告栏<br>在这输入文字内容" style="BACKGROUND-COLOR: #fff" onmouseout="this.style.backgroundColor='#fff'"><br></marquee>

" style="BACKGROUND-COLOR: #fff" onmouseout="this.style.backgroundColor='#fff'"></font></td></table>

跳行語法" style="BACKGROUND-COLOR: #fff" onmouseout="this.style.backgroundColor='#fff'"><br>跳行语法

  评论这张
 
阅读(528)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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