css cursor url用法格式詳解

css cursor url用法格式:css:{cursor:url('圖標路徑'),auto;} //IE,FF,chrome瀏覽器都可以

實例代碼:html{cursor: url("http://ued.taobao.com/blog/wp-content/themes/taobaoued/images/cursor.ico"),auto;}

解析:前面的url是自定義鼠標圖標路徑,第2個參數auto是css標準的cursor樣式,可換成其它屬性(如pointer/default等)!
(注釋:w3school推薦第2個參數必須定義一種普通的光標,以防URL 定義的可用光標使可備用!另外IE下面可以省略第2個參數)

自定義鼠標顯示圖標,需注意下面幾個問題

圖標的格式:

IE支持cur,ani,ico這三種格式,FF支持bmp,gif,jpg,cur,ico這幾種格式,不支持ani格式,也不支持gif動畫格式,因此來說一般將url引用的圖片存為ico或cur格式比較好!


圖標的大小:

鼠標圖片的尺寸推薦尺寸是32*32,否則可能會導致圖標大小不一致的問題!


另外對于在瀏覽器中鼠標圖片不顯示的問題,問題大多出在對鼠標圖片URL路徑的引用上,?可以分別嘗試下絕對和相對路徑的引用。

最后附上cursor屬性可能的值:(所有主流瀏覽器都支持下列?cursor 屬性)

描述
url

需使用的自定義光標的 URL。

注釋:請在此列表的末端始終定義一種普通的光標,以防沒有由 URL 定義的可用光標。

default默認光標(通常是一個箭頭)
auto默認。瀏覽器設置的光標。
crosshair光標呈現為十字線。
pointer光標呈現為指示鏈接的指針(一只手)
move此光標指示某對象可被移動。
e-resize此光標指示矩形框的邊緣可被向右(東)移動。
ne-resize此光標指示矩形框的邊緣可被向上及向右移動(北/東)。
nw-resize此光標指示矩形框的邊緣可被向上及向左移動(北/西)。
n-resize此光標指示矩形框的邊緣可被向上(北)移動。
se-resize此光標指示矩形框的邊緣可被向下及向右移動(南/東)。
sw-resize此光標指示矩形框的邊緣可被向下及向左移動(南/西)。
s-resize此光標指示矩形框的邊緣可被向下移動(北/西)。
w-resize此光標指示矩形框的邊緣可被向左移動(西)。
text此光標指示文本。
wait此光標指示程序正忙(通常是一只表或沙漏)。
help此光標指示可用的幫助(通常是一個問號或一個氣球)。

轉載于:https://www.cnblogs.com/wdl818/p/5941149.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/373738.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/373738.shtml
英文地址,請注明出處:http://en.pswp.cn/news/373738.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

iostext添加點擊事件_iOS開發小技巧 - label中的文字添加點擊事件

Label中的文字添加點擊事件以前老師講過類似的功能,自己懶得回頭看了,找了很多第三方的,感覺這個小巧便利,作者只是擴展了分類,實現起來代碼也少.先來個效果圖自己的項目,直接上代碼- (void)setTopicModel:(CYQTopicModel *)topicModel{_topicModel topicModel;NSArray *likeA…

ubantu下安裝Nginx

Nginx 概述 Nginx ("engine x") 是一個高性能的 HTTP 和 反向代理 服務器,也是一個 IMAP/POP3/SMTP 代理服務器。 Nginx 是由 Igor Sysoev 為俄羅斯訪問量第二的 Rambler.ru 站點開發的,第一個公開版本0.1.0發布于2004年10月4日。其將源代碼…

Hadoop中的問題–何時無法交付?

Hadoop是很棒的軟件。 它不是原始的,但肯定不能消除它的榮耀。 它建立在并行處理的基礎上,這個概念已經存在了數十年。 Hadoop雖然從概念上來說并不是獨創性的,但它顯示了自由開放的力量(就像在啤酒中一樣!&#xff09…

創建 dblink

目的:oracle中跨數據庫查詢 兩臺數據庫服務器db_A(本地)和db_B(遠程192.168.1.100),db_A下用戶user_a 需要訪問到db_B下user_b的數據解決:查詢得知使用dblink(即database link 數據庫鏈)實現過程:1、確定用戶user_a有沒有創…

C#靜態常量和動態常量的區別

C#擁有兩種不同的常量:靜態常量(compile-time constants)和動態常量(runtime constants)。它們有不同的特性,錯誤的使用不僅會損失效率,還可能造成錯誤。相比之下,靜態常量在速度上會稍稍快一些,但是靈活性卻比動態常…

spring的鉤子_高級java開發必須掌握的Spring接口——SmartLifecycle

有些場景我們需要在Spring 所有的bean 完成初始化后緊接著執行一些任務或者啟動需要的異步服務。 常見有幾種解決方案j2ee 注解 啟動前PostConstruct 銷毀前PreDestroy 基于j2ee 規范springboot 的 org.springframework.boot.CommandLineRunner springboot 特性前面我已經介紹過…

Java:對Java SE 6和Java SE 7的客戶端和桌面部分的改進!

Java 6和Java 7中的客戶端改進 了解有關Java SE 6和Java SE 7的客戶端和桌面部分的改進,包括新的applet插件,Java Deployment Toolkit,成形和半透明的窗口,重量級-輕量級混合以及Java Web Start。 介紹 自2006年12月發布Java平臺…

辨異 —— 行星 vs 恒星

star:恒星,planet:行星;1. 恒星 恒星是指宇宙中靠核聚變產生的能量而自身能發熱發光的星體(比如太陽)。過去天文學家以為恒星的位置是永恒不變的,以此為名。但事實上,恒星也會按照一…

軟件公司職責分配

崗位:項目經理 主要職責:1、 計劃:a)項目范圍、項目質量、項目時間、項目成本的確認。b)項目過程/活動的標準化、規范化。c)根據項目范圍、質量、時間與成本的綜合因素的考慮,進行項目的總體規劃與階段計劃。d)各項計劃得到上級領…

大型網站架構系列:負載均衡詳解(4)

本文是負載均衡詳解的第四篇,主要介紹了LVS的三種請求轉發模式和八種負載均衡算法,以及Haproxy的特點和負載均衡算法。具體參考文章,詳見最后的鏈接。 三、LVS負載均衡 LVS是一個開源的軟件,由畢業于國防科技大學的章文嵩博士于19…

關于JavaFX的最常見問題

上周,我在斯德哥爾摩的Jfokus 2012上做了一個關于JavaFX的演講,當時我意識到每次活動都會問三個問題。 似乎有一個普遍的興趣,所以我嘗試在這篇文章中回答他們(盡可能的說實話): iPad或其他移動設備上的Jav…

python中面向對象空間時間_python基礎學習Day15 面向對象、類名稱空間、對象名稱空間 (2)...

一、類先看一段代碼:classPerson:animal 高級動物walk_way 直立行走 # 靜態屬性,靜態變量,靜態字段language 語言def __init__(self,name,age,work): # 函數 動態屬性,方法#print(self)self.name nameself.ageageself.workworkdef…

Linux GRUB 引導Win 7 ---- error: invalid EFI file path

最近新買了個固態硬盤,先裝了個Win 7系統,現在裝的系統和以前裝系統唯一的區別是引導不是以前的MBR,而是最新看似是個趨勢的GPTUEFI方式。 win 7 裝完啦,還是和以往的一樣裝 Ubantu (Ubantu 12.04),ubantu 引導磁盤扇…

其他位不變,具體位的賦值操作

GPIOC (GPIOC & 0xf0) | (Content[s_Index] & 0x0f);        //低四位賦值GPIOB (GPIOB & 0xc3) | ((Content[s_Index]>>2) & 0x3c);     //中間四位賦值 具體某一位置1或取反&#xff1a; 正確寫法&#xff1a; 置1:GPIOC | (1<<i…

使用Spring AOP實現活動記錄模式

在班級設計中&#xff0c;我們應就每個班級的職責分配做出決定。 如果我們選擇的不錯&#xff0c;系統將更易于理解&#xff0c;維護和擴展。 幾乎我們所有的項目都有一個持久層&#xff0c;即關系數據庫&#xff0c;文檔存儲或僅XML文件。 通常&#xff0c;您將使用DAO模式在業…

Java基礎之反射

框架都要用到反射技術&#xff0c;反射都要用到一個類Class. java程序中的各個java類屬于同一類事物&#xff0c;描述這類事物的java類名就是Class. 得到字節碼的方式有三種&#xff1a; Date.class;new Date().getClass();Class.forName("java.lang.String");最后一…

php socketconnect連接失敗_PHP設計模式之模板方法模式

模板方法模式&#xff0c;也是我們經常會在不經意間有會用到的模式之一。這個模式是對繼承的最好詮釋。當子類中有重復的動作時&#xff0c;將他們提取出來&#xff0c;放在父類中進行統一的處理&#xff0c;這就是模板方法模式的最簡單通俗的解釋。就像我們平時做項目&#xf…

linux系統硬件配置查看方法

一&#xff1a;查看cpu more /proc/cpuinfo | grep "model name" grep "model name" /proc/cpuinfo 如果覺得需要看的更加舒服 grep "model name" /proc/cpuinfo | cut -f2 -d: 二&#xff1a;查看內存 grep MemTotal /proc/meminfo grep MemT…

java String源碼學習

public final class Stringimplements java.io.Serializable, Comparable<String>, CharSequence {/**char數組用于字符的存儲 */private final char value[];/** 緩存string的hash碼 */private int hash; // Default to 0public String() {/**無參構造函數,打印值為&quo…

JBoss AS 7.1.0.Final“ Thunder”發布-Java EE 6 Full Profile認證!

在JBoss AS7上進行了大約一年的開發后&#xff0c;我們現已發布7.1.0.Final“ Thunder” &#xff01; 可從此處的通常位置下載該文件。 對于JBoss AS7團隊來說&#xff0c;這是一個非常大的成就&#xff0c;我們為此版本感到非常自豪。 這個版本包含了7.1.0.CR1b的許多錯誤修復…