舞動你的文字,巧用CSS中marquee屬性
語法:<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 滑鼠離開的時候繼續滾動
本文轉自寒意部落格園部落格,原文連結:http://www.cnblogs.com/hnyei/archive/2012/03/14/2395325.html,如需轉載請自行聯絡原作者
相關文章
- css文字屬性2CSS
- css常用文字屬性CSS
- CSS 常用文字屬性CSS
- CSS——CSS 給文字加樣式:② 文字屬性CSS
- CSS字型屬性和文字屬性詳解CSS
- css文字外觀屬性CSS
- Css 中的position屬性CSS
- css中的display屬性CSS
- CSS中的margin屬性CSS
- 富文字中的段落屬性
- CSS——CSS 給文字加樣式:① 字型屬性CSS
- css文字屬性詳細總結CSS
- 使TextView元件的android:ellipsize="marquee"屬性生效TextView元件Android
- css3中的zoom屬性以及jquery中css()方法操作元素的屬性CSSS3OOMjQuery
- Css3文字新屬性CSSS3
- 【小技巧】巧用CSS屬性值正則匹配選擇器CSS
- CSS中content屬性的妙用CSS
- css3中的animation屬性CSSS3
- css的屬性CSS
- css屬性與js中style物件的屬性對應表CSSJS物件
- 巧用 Class Extension 隱藏屬性
- 深入理解css中的margin屬性CSS
- CSS中屬性的書寫順序CSS
- CSS 的 background 屬性CSS
- css的background屬性CSS
- css中sticky屬性是什麼CSS
- CSS 屬性篇(七):Display屬性CSS
- iOS 富文字屬性iOS
- css屬性的可繼承性CSS繼承
- css display 屬性CSS
- CSS perspective 屬性CSS
- CSS transform 屬性CSSORM
- css常用屬性CSS
- css3中transition屬性詳解CSSS3
- CSS中Position、Float屬性深入探討CSS
- CSS屬性中Display與Visibility的不同CSS
- css設定具有指定type屬性值的input文字框的樣式CSS
- CSS樣式中的right屬性和margin-right屬性的區別CSS