HTML游標樣式

来源:http://www.cnblogs.com/mossbaoo/archive/2016/08/06/5743737.html
-Advertisement-
Play Games

HTML游標樣式 cursor:url('#');#為游標文件地址 (註意文件格式必須為:.cur或.ani) 用戶自定義(可用動畫) 註意:在定義完自定義的游標之後在末尾加上一般性的游標, 以防那些url所定義的游標不能使用 說明: cursor 屬性:設置顯示的游標的類型(形狀)。 此屬性的值可 ...


HTML游標樣式

把你的游標放到相應文字上滑鼠顯示效果 
 cursor:auto;   自動
 cursor:all-scroll;  上下左右任何方向滾動
 cursor:crosshair;  十字準心
 cursor:pointer;  手
 cursor:wait;  等待
 cursor:help;  幫助
 cursor:no-drop;  無法釋放
 cursor:text;  文字/編輯
 cursor:move;  可移動對象
 cursor:vertical-text;  可編輯的垂直文本的游標
 cursor:n-resize;  向上改變大小(North)
 cursor:s-resize;  向下改變大小(South)
 cursor:e-resize;  向右改變大小(East)
 cursor:w-resize;  向左改變大小(West)
 cursor:ne-resize;  向上右改變大小(North East)
 cursor:nw-resize;  向上左改變大小(North West)
 cursor:se-resize;  向下右改變大小(South East)
 cursor:sw-resize;  向下左改變大小(South West)
 cursor:col-resize;  可被水平改變尺寸
 cursor:row-resize;  可被垂直改變尺寸
 cursor:not-allowed;  禁止
 cursor:progress;  處理中
 cursor:default;  系統預設

 cursor:url('#');#為游標文件地址

 (註意文件格式必須為:.cur或.ani)

 用戶自定義(可用動畫)

 註意:在定義完自定義的游標之後在末尾加上一般性的游標,

 以防那些url所定義的游標不能使用

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

說明:

  cursor 屬性:設置顯示的游標的類型(形狀)。

  此屬性的值可以是多個,其間要用逗號分隔;

  假如第一個值無法找到而不能被顯示,則第二個值將被嘗試使用,依此類推;

  假如全部值都不可用的話,則此屬性不會發生作用,游標也不會被改變。

  比如:{cursor:pointer,wait,help;},從pointer到wait,再到help,如果都沒被應用,則cursor屬性不起任何作用。

 

現在舉一個“手”游標的例子,寫法有兩種:

效果圖:

cursor:pointer;

 

第一種是行內樣式:(行內樣式:將CSS樣式編寫在標簽之中)

<table border="1">
    <tr class="pointer" style="cursor:pointer;">
        <td>cursor:pointer;</td>
        <td></td>
    </tr>
</table>

 第二種是內部樣式:(內部樣式:由<style>標簽定位在<head>之中)

<!-- 這裡是style裡面的內容 -->
<style type="text/css">
.pointer:hover{
        cursor:pointer;
    }
</style>

<!-- 這裡是body裡面的內容 -->
<body>
    <table border="1">
        <tr class="pointer">
            <td>cursor:pointer;</td>
            <td></td>
        </tr>
    </table>
</body>

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 這個系列的第一部分介紹了Javascript模塊的基本寫法,今天介紹如何規範地使用模塊。 (接上文) 七、模塊的規範 先想一想,為什麼模塊很重要? 因為有了模塊,我們就可以更方便地使用別人的代碼,想要什麼功能,就載入什麼模塊。 但是,這樣做有一個前提,那就是大家必須以同樣的方式編寫模塊,否則你有你的 ...
  • 隨著網站逐漸變成"互聯網應用程式",嵌入網頁的Javascript代碼越來越龐大,越來越複雜。 網頁越來越像桌面程式,需要一個團隊分工協作、進度管理、單元測試等等......開發者不得不使用軟體工程的方法,管理網頁的業務邏輯。 Javascript模塊化編程,已經成為一個迫切的需求。理想情況下,開發 ...
  • 1. 說明 Angular2的模板用來顯示組件外觀,作為視圖所用,用法和html語法基本一致,最簡單的Angular2的模板就是一段html代碼。Angular模板語法主要包括以下幾個部分: l 直接綁定 l 插值表達 l 屬性綁定 l 事件綁定 l 雙向綁定 l 樣式綁定 l 模板和 * l 局部 ...
  • [1]typeof [2]instanceof [3]constructor [4]Object.prototype.toString ...
  • 獲取url地址?後面參數值的寫法 正則: 另一種: ...
  • Document 對象時通往DOM功能的入口,它向你提供了當前文檔的信息,以及一組可供探索、導航、搜索或操作結構與內容的功能。 我們通過全局變數document訪問Document對象,它是瀏覽器為我們創建的關鍵對象之一。Document對象提供了文檔的整體信息,並讓你能夠訪問模型里的各個對象。簡單 ...
  • AngularJs中的路由,應用比較廣泛,主要是允許我們通過不同的url訪問不同的內容,可實現多視圖的單頁web應用。下麵看看具體怎麼使用。 關於路由 通常我們的URL形式為http://jtjds.cn/first/page,但在單頁web應用中angularjs通過#+標記實現,比如下麵的頁面, ...
  • 部分轉載自:http://www.jb51.net/softjc/180873.html Sublime text 3是碼農最喜歡的代碼編輯器,每天和代碼打交道,必先利其器,掌握基本的代碼編輯器的快捷鍵,能讓你打碼更有效率。剛開始可能有些生疏,只要花一兩個星期堅持使用並熟悉這些常用的快捷鍵!其實su ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...