当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 左右移动转换文字特效HTML代码解析

HTML/XHTML教程
HTML教程:DOCTYPE 的缩写
掌握常用的用于网页中引用内容的HTML标记
10个未被充分利用或被误解的HTML标签
网站超级链接的打开方式探讨
网页中flash wmode属性你会用吗?
XHTML教程:Transitional和Strict的区别
网页设计之5种简单的XHTML网页表单
制作主流邮箱能正常显示的HTML邮件的技巧
网页布局设计的简单原则
W3C教程(14):W3C RDF和OWL活动
W3C教程(16):其他的W3C活动
W3C教程(13):W3C WSDL 活动
W3C教程(15):W3C SMIL 活动
作用相似html标记:strong与em、q、cite、blockquote
html 基底网址标记
GET POST 区别详解
圆角矩形的html+css实现代码
HTML title 属性换行的办法
html tbody 用法
nofollow让评论和留言中的链接起到真正的作用

HTML/XHTML教程 中的 左右移动转换文字特效HTML代码解析


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-20   浏览: 68 ::
收藏到网摘: n/a

<div align="center">
<table style="color:white; font-size:10pt" border="1" style="color:white; font-size:10pt" bordercolor="#FF9900">
<td background="图档网址.gif">
<p>
<font color="#FFFF00" face="新细明体" size="2">
<marquee scrollamount='2' scrolldelay='150' direction= 'up' width='105' id=xiaoqing height='120' onmouseover=xiaoqing.stop()
onmouseout=xiaoqing.start() style="color: #0000FF; font-size: 10pt; font-weight: bold; font-family:新细明体">文字跑马灯公告栏<br>在这输入文字内容<br></marquee>
</font></td></table>

div align="center">→文字公告栏置中
center=居中;left=靠左;right=靠右

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

color:white →公告栏背景白色

bordercolor="#FF9900">→框线颜色(橘色)


<td background="图档网址.gif">→可有可无

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

face="新细明体" size="2">→文字字体大小

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

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

跑马灯移动:

往左=left
往右=right
往上=up
往下=down
左右=alternate

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

onmouseover=xiaoqing.stop()
onmouseout=xiaoqing.start() style="color: #0000FF; font-size: 10pt; font-weight: bold; font-family:新细明体">文字跑马灯公告栏<br>在这输入文字内容<br></marquee>
</font></td></table>

<br>跳行语法