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

HTML/XHTML教程
CSS 循序渐进(四)表里春秋
精通 CSS 滤镜(五)
让css使网页图片半透明
实现页面图片阴影特效
发现CSS控件的好处
用CSS缩写给你的网站加速
CSS在IE和Nascape的显示差别
利用CSS,不通过replace替换标引HTML标记
拒绝单调 让网页超链接拥有多姿多彩的下划线
对CSS类及id的规范化命名
利用css里expression来实现界面对象的批量控制
利用CSS控制打印
第一章 CSS的基本认识
第二章 CSS的应用方式
第三章 CSS的应用补充
第四章 颜色背景的CSS
第五章 文字性质的CSS
第六章 区块性质的CSS
HTML之其他标记
HTML之链接标记

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-20   浏览: 91 ::
收藏到网摘: 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>跳行语法