左右移动转换文字特效HTML代码解析左右移动转换文字特效HTML代码解析
?精品文档?
左右移动转换文字特效HTML代码解析
跑马灯效果就是经常看到的文字左右移动转换效果,这是笼统说法,虽然这种效果目前已经被许多很酷的JS代替,但在有些时候有可能会用到,这里讲解的就是最常见的跑马灯效果文字公告栏置
代码如下:
<div align=“center”
<table style=“color:white; font-size:10pt” border=“1” style=“color:white; font-size:10pt” border...
左右移动转换文字特效HTML代码解析
?精品文档?
左右移动转换文字特效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”
1 / 3
?精品文档?
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
2 / 3
?精品文档?
</font</td</table
<br跳行语法
3 / 3
本文档为【左右移动转换文字特效HTML代码解析】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。