滑鼠經過li元素變成小手
預設情況下,當滑鼠劃過連結<a>元素的時候,滑鼠指標能夠變成小手形狀。
但是對於普通的元素則不行,下面就通過程式碼例項介紹一下如何實現滑鼠劃過li元素,滑鼠指標變小手。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #items{ width:900px; height:auto; margin:0 auto; padding:5px 0; clear:both; } #items ul, #items li{ list-style:none; } #items li{ width:500px; height:28px; text-align:left; padding-left: 0px; line-height:28px; border-bottom:dashed 1px #CCC; cursor:pointer; } </style> </head> <body> <div id="items"> <ul> <li>螞蟻部落歡迎您,只有努力奮鬥才會有美好的未來</li> <li>沒有任何人一開始就是高手,必須要好好學習</li> <li>本站的url地址是softwhy.com</li> <li>每一天都是新的,所以要好好真心當前時間</li> <li>div css教程裡面有大量詳實的程式碼</li> </ul> </div> </body> </html>
上面的程式碼實現了我們的要求,使用如下程式碼即可實現我們的要求:
[CSS] 純文字檢視 複製程式碼cursor:pointer;
相關文章
- CSS滑鼠變成小手形狀CSS
- 滑鼠滑過改變元素的背景圖片
- jquery獲取指定li元素後面的第n個li元素jQuery
- Dreamweaver製作滑鼠經過圖示改變顏色教程
- 滑鼠雙擊變成屬性怎麼辦 滑鼠雙擊變成屬性的方法
- JavaScript 插入新li元素JavaScript
- removeChild()刪除li元素REM
- jquery如何在li元素列表的開頭新增一個新li元素jQuery
- js實現li元素隔行背景變色例項程式碼JS
- Dreamweaver製作滑鼠經過圖片漸漸變暗效果教程
- 如何利用jquery在任意指定li元素後面插入新的li元素jQuery
- 獲取ul元素下的所有li元素
- JavaScript動態新增li元素JavaScript
- ul最後插入li元素
- jQuery複製指定li元素jQuery
- jQuery刪除指定li元素jQuery
- 滑鼠經過、移出、點選命令
- 獲取div元素下li元素的數目
- jQuery獲取li元素後面所有兄弟元素jQuery
- js實現的在li元素列表的任意位置插入一個新的li元素JS
- CSS 文字li元素中垂直居中CSS
- jQuery調整li元素順序jQuery
- jQuery 刪除當前li元素jQuery
- JavaScript 刪除指定的li元素JavaScript
- css匹配指定索引的li元素CSS索引
- 當前li元素的索引值索引
- css數第二個li元素CSS
- css匹配第n個li元素CSS
- 滑鼠經過顯示下拉選單
- CSS 匹配第一個li元素CSS
- CSS 第2個li元素樣式CSS
- JavaScript 獲取第n個li元素JavaScript
- jQuery查詢第n個li元素jQuery
- li列表的前面插入一個元素
- css多列li元素水平居中效果CSS
- JavaScript獲取li元素的下標JavaScript
- JavaScript 調整li元素上下順序JavaScript
- jQuery 移除ul下指定的li元素jQuery