全国统一热线:
028-86758058
18980748058
购买流程
付款方式
常见问题
在线提问
续租服务
购物车(
0
件)
用户名:
密 码:
记住
首 页
HOME
域名注册
DOMAIN
虚拟主机
WEB HOST
成品网站超市
AUTO Site
VPS主机
VPS SERVER
云 主 机
CLOUD HOST
租用托管
SERVER
海外主机
HK HOST
代理专区
AGENT
客服中心
SERVICE
站长教程
SERVICE
欢迎光临西部数据云计算中心,我们将竭诚为您提供最优质的服务!
中文域名
域名转入
域名转出
DNS管理
动态域名
获取域名证书
域名停放
域名过户
集群主机
双线主机
基本主机
港台主机
论坛主机
Linux主机
Vip合租主机
超G型主机
ASP.net主机
Java主机
智能建站主机
网店主机
美国主机
数据库
成品网站超市
智能建站主机
集群VPS主机
国内VPS主机
香港VPS主机
美国VPS主机
云主机介绍
云主机购买
服务器租用
主机托管
常见问题
香港主机
港台主机
美国主机
国内免备案
步骤流程
代理级别
代理合同
代理模式
代理优势
在线申请
产品列表
常见问题
代理商分布图
常见问题
有问必答
跟踪提问
购买流程
产品价格
付款方式
常用软件
网站备案
续租服务
汇款确认
相关文档
联系我们
域名资讯
主机资讯
行业动态
网页制作
php教程
mysql教程
域名资讯
云计算资讯
网络编程
您当前的位置:
首页
>
网络编程
>
网站制作
舞动你的文字 巧用html中marquee属性
时间:1970-01-01 来源:互联网 作者:佚名
语法:<marquee> …</marquee>
使用移动属性marquee,不仅仅可以舞动你的文字,还可以应用于图片,表格等等。
<marquee direction=left>欢迎光临科讯青年学习频道!</marquee>
direction=left,表示方向。上面文字效果是“欢迎光临科讯青年学习频道!”从右向左移动!另外,方向还有right,up,down。
除了方向,我们还可以添加其他限制的元素:
移动的方式:
循环移动:loop=n(n,表示次数) 绕圈移动:behavior=scroll 只走一次:behavior=slide 来回移动:behavior=alternate
外观:
字号:<font size=n>(n,变量) 对齐方式:align=top/middle/bottom 底色:bgcolor=Blue(预定义色彩,如:Black,Olive,Teal,Red,Blue,Maroon, Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua或16进制数码)
其它:
速度:scrollamount=n(n,变量) 延时:scrolldelay==n(n,变量)
<marquee direction="向什么方向移动" height="移动区域高度" width="移动区域宽度" scrollamount="移动速度" onmouseover=this.stop() onmouseout=this.start()>"
onmouseover 设置鼠标放在移动区域的时候暂停移动
onmouseout 鼠标离开的时候继续滚动
用marquee代码来实现文字的滚动与图片的滚
今天在TAP知道那里看到滚动文字的设置了!好像是以前都不支持的。可能是我没有用过吧!呵呵 给大家看下效果吧!
如下来自TAP知道的上下滚动文字公告栏 的代码解释
marquee 参数:
BGColor:滚动文本框的背景颜色。
Direction:滚动方向设置,可选择Left、Right、up和down。
scrolldelay:每轮滚动之间的延迟时间,越大越慢。
scrollamount:一次滚动总的时间量,数字越小滚动越慢。
Behaviour:滚动的方式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。
Align:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
Height:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
loop:滚动次数。默认为infinite
hspace、vspace:前后、上下的空行。
下面的演示是我的公告栏演示:效果你可以看右下角啊!喜欢的话!复制代码通过上面的代码解释代入看看效果了!
效果一:文字向上滚动
复制代码
代码如下:
<marquee direction="up" loop="-1" scrollamount="4">
<div align="left">
</div><center>
<font color="#008000"></font></center><div align="left">
</div><center><p><font color="#ff6600">本站公告</font></p>
<p><font color="#ff4500">欢迎来到小军资源</font></p>
<p><font color="#ff4500">在此与你分享各个最新的免费资源与资讯,</font></p>
<p><font color="#ff4500">希望你的喜欢,你的支持是我最大的动力!</font></p>
<p><font color="#ff4500">如有什么建议一定得说出来!</font></p>
<p><font color="#ff4500">本站资源来自网络,如对你造成侵权!</font></p>
<p><font color="#ff4500"></font></p>
<font color="#ff4500"><p><font color="#ff3300">谢谢你的支持,小军因你而精彩</font>
</p></font></center><font color="#ff4500"></font></marquee>
效果二:文字往左边滚动
<marquee direction="left" loop="-1">[公告]部分教程为Tap知道原创,转载请注明出处!</marquee>
图片滚动的代码:
复制代码
代码如下:
<marquee direction="lift" loop="-1" scrollamount="20" width="500" height="210">
<a href="http://jun51.tap.cn/" target="_blank"><img height="200" width="300" src="http://img011.photo.21cn.com/photos/mark/20110410/m620x800/CC6169D8EE67719C4299B0740123325E.jpg"/><img height="200" width="300" src="http://img011.photo.21cn.com/photos/mark/20110410/m620x800/EB965C39B9A8B63AE3908267DD6C45C8.jpg"/><img height="200" width="300" src="http://img003.photo.21cn.com/photos/mark/20080517/m620x800/676E5C63EA319EEABCCB6D03C19121D4.jpg"/>
</marquee>
想要多少你就加多少吧!不过好像有的浏览显示时的效果的了! 建议用谷歌啊 这样效果好的!
来顶一下
返回首页
推荐资讯
从零开始学ASP.NET-基础篇第1/7页
第一天 学习目的: 掌握最基本的Label、TextBox、Button控件
ASP.NET入门数据篇
对于网站编程的初学者来说,总是会上网找些源码来看,但久而
相关文章
html借助marquee实现文字左右滚动
html marquee标签使用示例介绍
div图片marquee无缝连接实现代码
marquee元素实现滚动字体图片滑动等效果
栏目更新
栏目热门
返回首页
关于我们
联系我们
付款方式
价格总览
资讯中心
友情链接
媒体关注
有问必答
投诉建议
网站备案
《中华人民共和国增值电信业务经营许可证》编号:川B2-20080058号
官方网址:
xibushuju.com
西部数据
Copyright © 2002~2015
天府快车
版权所有
电话总机:
028-86758058
(50线) 传真:
028-86758058