专业网站建设_企业品牌营销 · 北京汇仁智杰科技有限公司

Web前端知識

首頁 > 免費 > Web前端知識 >

CSS字幕滾動特效就是這么簡單

來源:北京匯仁智杰科技有限公司   時間:2016-11-14   點擊:

marquee的基本語法:<marquee> … </marquee>,與大多數HTML語法元素一樣,它也是成雙出現的,被修飾對象就放在起始符和終止符之間。而且它自己可以實現鼠標懸停的效果,下面解釋一下各參數的含義:

align:是設定活動字幕的位置,除了居左、居中、居右三種位置外,又增加靠上(top)和靠下(bottom)兩種位置。

Bgcolor:用于設定活動字幕的背景顏色,可以使用英文的單詞也可以是十六進制數的。

Direction:用于設定活動字幕的滾動方向是向左(left)、向右(right)、向上(up)、向下(down)。

Behavior:用于設定滾動的方式,主要由三種方式:

behavior=”scroll”表示由一端滾動到另一端;

behavior=”slide”:表示由一端快速滑動到另一端,且不再重復;

behavior=”alternate”表示在兩端之間來回滾動。

Height:用于設定滾動字幕的高度。

Width:則設定滾動字幕的寬度。

Hspace和vspace:分別用于設定滾動字幕的左右邊框和上下邊框的寬度。

Scrollamount:用于設定活動字幕的滾動距離。數值越小,滾動的速度就越快。

scrolldelay:用于設定滾動兩次之間的延遲時間,數值越小,間隔就越小。

Loop:用于設定滾動的次數,當loop=-1表示一直滾動下去,直到頁面更新。其中默認情況是向左滾動無限次,字幕高度是文本高度;滾動范圍:水平滾動的寬度是當前位置的寬度;垂直滾動的高度是當前位置的高度。

onmouseover: 用于設定鼠標移動到marquee塊上執行的操作。

onmouseout: 用于設定鼠標從marquee塊上移出后執行的操作。

閑話不說,舉個例子:

<marquee>特效文字</marquee>

特效文字

瞧,簡單吧?不過,以上例子只是使用了marquee的默認用法。我們加入相應的參數,它的移動方法就有所不同了。

參數一:direction

direction的英文意思就是方向。這個參數的取值有四個:left(左)、right(右)、up(上)、down(下)。

例:<marquee direction=up>特效文字</marquee>

向上移動

參數二:behavior

移動方式。值:scroll(循環移動)、slide(只移動一個回合)、alternate(來回移動)。

例:<marquee direction=left behavior=alternate>哈哈,我來回走!</marquee>

哈哈,我來回走!

<marquee direction=left behavior=slide>特效文字</marquee>

vior=slide>特效文字

參數三:loop

循環。若未指定則循環不止(infinite),其值取數值。

例:

<marquee loop=3>特效文字</marquee>

我只走三次哦

參數四:scrollamount

移動速度。值取正整數。數值越大,速度越快。

例:

<marquee scrollamount=25>特效文字</marquee>

特效文字

參數五:scrolldelay

延時。數值。

例:

<marquee scrolldelay=1000>特效文字</marquee>

特效文字

參數六:bgcolor

底色。例:<marquee bgcolor=pink>特效文字</marquee>

特效文字

參數七:width和height

就是移動的寬度與高度了。例:

<marquee width=200 height=200 bgcolor=pink direction=down>特效文字</marquee>

特效文字

其他參數:

空白(Margins)<hspace=數值 vspace=數值>

對齊方式(Align) <align=top/ middle/bottom>

網絡營銷推廣 . 北京匯仁智杰科技有限公司!

地址:北京市昌平區回龍觀龍冠大廈5層
咨詢:13370157521
業務QQ:373002979
E - mail:sales @ huirenzhijie.com
企業網站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網絡推廣經驗
  • 有網站建站隊伍
  • 有大型網站建設經驗
  • 致力于營銷型網站建設
  • 始終堅持技術和服務同樣重要
查看PC版網站
備案號:京ICP備15021091號-1 版權所有:匯仁智杰

主站蜘蛛池模板: 涡流探伤仪-超声波探伤仪-上海仓信电子科技有限公司 | 现代卓越官网-专注于pmp培训证书-pmp考试报名时间-pmp认证-项目管理pmp-ACP敏捷管理-NPDP认证 | 液体灌装机-酱料灌装机-全自动灌装机-旋盖机-铝箔封口机-贴标机厂家-迈特威自动化设备(天津)有限公司" | 金刚石线切割-电火花穿孔机-中走丝线切割-泰州锐特 | 明基太阳能玻璃钢污水处理公司-设计研发全自动加药装置设备 | 狠狠穞A片一區二區三區-免费网站在线观看人数更新时间-欧洲尺码日本尺码专线不卡顿,国产大尺度禁片未删减版,baomaav | 芜湖人才网_芜湖招聘网_【官方网站】| 上海源科生物技术有限公司| 铜排,异型紫棒,紫铜棒,紫铜微孔管,异型黄管,黄铜管,异形紫管,紫铜管,焊接铜管,散热器铜管,电力铜管_河间市通海铜业有限公司 | 中国水泥协会-官方网站| 注塑模具厂,注塑模具加工,塑胶模具加工-东莞世邦塑胶官网 | 模压化粪池_三格式化粪池_玻璃钢化粪池厂家 | 英格索兰隔膜泵_ARO气动隔膜泵_英格索兰隔膜泵配件【原厂正品】连续五年无投诉_英格索兰隔膜泵代理-苏州瑞晟茂环保设备有限公司 印刷公司,北京印刷厂,宣传画册手册印刷厂-和智印彩页设计 | 威海牙科,威海种植牙,威海人工种植牙-威海经济开发区姚晓艺口腔诊所 | 宁波雷豹机电科技有限公司|雷豹冷风机|雷豹工业大风扇|MFC18000|MFC16000|MFC6000|EF3622|EF4222|EF4822|移动工业蒸发式冷风机空气冷却器|大型工业空调扇|雷豹移动式工业大风扇|雷豹大风扇|生产厂家|公司官网 | 泉州小吃培训_福建泉州本地特色小吃培训班|厨师技术培训学校-魅力小吃培训服务机构 | 沈阳河山铸造有限公司 | 亚克力游泳池_透明/空中/无边泳池_别墅亚克力泳池设计生产厂家_瑞地格乐-深圳他拍档 | 净水器厂家_杭州净水器厂家_杭州拥政科技有限公司 | 信管飞软件官网 - 亚拓软件旗下精细化管理软件、进销存管理软件、混凝土ERP、通风设备ERP、风管报价软件、出纳软件、送货单打印软件、ERP软件等免费下载 | 全功能护理训练模拟人-创伤护理人-高级电脑心肺复苏模型-上海康季 | 上海千舟新材料有限公司-美卓隔膜滤板_奥图泰滤板_压滤机配件 | 学汽修,学汽修技术,汽修培训班,汽车美容培训,汽车新能源技术培训-广州万通汽车培训学校[官方网站] | 磨料磨具网_磨料磨具行业B2B门户开创者 | 西安外墙防水补漏-堵漏-防腐-保温工程公司-陕西宏图祥瑞实业有限公司 | 暖气片-工程暖气片厂家【专注工程暖气片30年】-北铸暖气片 | 围墙护栏,护栏网,围栏,锌钢栅栏,护栏网厂家--安平县沃达金属丝网制造有限公司 | 三相干式变压器|三相隔离变压器|上海盖能电气有限公司官方网站|上海干式变压器生产厂家 | 金蝶软件_金蝶湖南公司_长沙金蝶软件_精斗云软件_财务软件_进销存软件_云ERP软件_金蝶软件销售电话 | 泰安铭德机械有限公司,有机肥设备,山东有机肥设备厂家,铭德机械 泰安华特玻璃钢有限公司|泰安玻璃钢|泰安华特玻璃钢 | 棕色土壤采样瓶,棕色小口水样采样瓶-上海迈隆科技有限公司 | 土壤养分测定仪-土壤养分速测仪-生产厂家-托普云农土壤仪器站 | 暖气片_铜铝复合暖气片_钢制散热器厂家-德克菲勒暖气片 | 真空系统,真空泵租赁技术服务-兆德机械(上海)有限公司 | 真空干燥箱厂家-热风循环烘箱生产厂家-鼓风烘干箱价格-南京火燥机械科技有限公司 | 河北伟业波纹管-百顺牌波纹补偿器(波纹管,膨胀节,伸缩节)、非金属补偿器 | 普利塞HS穿刺活检针-巴德穿刺活检针-美创爱琅Argon活检针同轴针-山东瑞玺源 | 长春互联网运营值选星广传媒,长春短视频运营,长春新媒体运营,长春互联网运营,长春抖音运营,吉林视频号代运营,吉林快手代运营,短视频推广公司,公众号运营,微博运营,新媒体运营 | 桥梁支座更换_桥梁检测车租赁_高空作业车出租_支座更换_伸缩缝安装_隧道防水_养护加固_维修_出租_衡水庆兴桥梁养护工程有限公司 桥梁养护|桥梁维修加固|隧道裂缝修补|支座更换|管道堵水气囊|衡水众拓路桥养护有限公司 | 欣宇航化工-湖北片碱-冰醋酸厂家联系方式-工业氨水价格-工业片碱厂家-武汉宇航化工 | 湖南长沙手术室、实验室、无尘室、洁净室、无尘车间的净化工程装修公司-福临建设 |