日韩精品中文字幕一区二区-日韩精品中文字幕一区-日韩精品中文字幕视频-日韩精品在线一区二区三区-第一页在线-第一福利视频

當前位置: 首頁IT技術 → CSS3新的鼠標樣式介紹

CSS3新的鼠標樣式介紹

更多

 在Web開發的早期,隨著新技術的不斷涌現,一切都讓人興奮。但是我們在過去十年里經歷了一個技術的停滯期,直到由于HTML5的出現,Web開發再次讓人著迷。特別是CSS3正在迅速發展,你會在其規范里發現許多有趣的寶物。

        在這篇文章里,我們要研究的是CSS鼠標樣式屬性,正如你所期望的的一樣,它允許你改變在一個元素上移動鼠標時的指針樣式。 它對于交互式Web App來說已經變得越來越重要。

CSS2的鼠標樣式

        CSS2中提供相對較少的選擇(懸停在不同的網頁元素上,看看鼠標指針樣式是如何變化的):

[html] view plaincopy
cursor: auto 
cursor: inherit 
cursor: crosshair 
cursor: default 
cursor: help 
cursor: move 
cursor: pointer 
cursor: progress 
cursor: text 
cursor: wait 
cursor: e-resize 
cursor: ne-resize 
cursor: nw-resize 
cursor: n-resize 
cursor: se-resize 
cursor: sw-resize 
cursor: s-resize 
cursor: w-resize 
CSS3的鼠標樣式

        在CSS3里我們有更多的樣式可供選擇。它們可以工作在IE9和火狐、Chrome、Safari、Opera的最新版本上(除非另有標注):

[html] view plaincopy
cursor:none (not IE, Safari, Opera) 
cursor:context-menu (not Firefox, Chrome) 
cursor:cell (not Safari) 
cursor:vertical-text 
cursor:alias (not Safari) 
cursor:copy (not Safari) 
cursor:no-drop 
cursor:not-allowed 
cursor:ew-resize 
cursor:ns-resize 
cursor:nesw-resize 
cursor:nwse-resize 
cursor:col-resize 
cursor:row-resize 
cursor:all-scroll 
瀏覽器特定指針

        Mozilla和Chrome、Safari的某些版本中提供了一些私有樣式,這很可能成為CSS3規范的一部分:

[html] view plaincopy
cursor:-webkit-grab; cursor: -moz-grab; 
cursor:-webkit-grabbing; cursor: -moz-grabbing; 
cursor:-webkit-zoom-in; cursor: -moz-zoom-in; 
cursor:-webkit-zoom-out; cursor: -moz-zoom-out; 
創建你自己的指針

        最后,你可以創建自己的指針圖形,例如:

[html] view plaincopy
cursor:url(images/cursor.cur); 
cursor:url(images/cursor.png) x y, auto; 
        注意:

        1.    Internet Explorer需要一個Windows指針文件(.cur)。

        2.    火狐、Chrome和Safari需要一幅圖像 - 我推薦使用一張24位Alpha透明的png圖片

        3.    Firefox還需要一個非URL指針設置作為備用值。

        4.    Opera不支持這種寫法。

        5.    x和y是Firefox、Chrome和Safari中的可選屬性,它定義了圖像從左上角開始的精確指針位置。如果省略,都默認為0。

        挺好,但它看起來會花費我太多精力!所以我會一直堅持使用標準的指針樣式...

熱門評論
最新評論
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字數: 0/500 (您的評論需要經過審核才能顯示)
主站蜘蛛池模板: 女演员大作战| 雅雅英| 艳妇乳肉豪妇荡乳xxx| 女医生韩国| 爱上老妈1994年电影完整版| 高一英语单词表电子版| 歌曲我们这一辈原唱| 海藻钙为啥不建议宝宝吃| 红岩下的追捕电视剧| 《欢·爱》郭晓东| 10000个常用人名| 绷带怪人| 乐事薯片软文推广| 陆敏悦| 我们的高清免费视频观看| 风流一代电影| 大班生字表| 善良的姐妹| 国庆节安全公约| 3片| 朱宝意| 薛昊婧演过的电视剧| 《水中花》日本电影| 全国面积排名省份| 韩国伦理电影女演员| 少年派2高清免费观看电视剧预告 成全免费观看高清电影大侦探 | 日本变态裸体挠痒痒视频| sarajay大白臀ryanconner| 啪啪电影网址| 星际穿越影评| 斋天仪规全文| 电影网免费观看高清完整| 1987年美国电影| 肥皂泡节选阅读理解答案三年级| 性视频动态图| 张发财| 黑之教室| nina hartley| 坡道上的家| 祝福语生日| 塞下曲景然伶儿|