左右移动转换文字特效HTML代码解析
来源:易贤网 阅读:751 次 日期:2016-06-22 14:04:08
温馨提示:易贤网小编为您整理了“左右移动转换文字特效HTML代码解析”,方便广大网友查阅!

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

代码如下:

<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>跳行语法

更多信息请查看网页制作
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标