jquery 圓角遮罩圖片實現(xiàn)圖片圓角

更新時間：2009年05月18日 00:48:06 作者：

用jquery實現(xiàn)的圖片圓角效果代碼。

運行后請刷新一次。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>圓角遮罩圖片實現(xiàn)圖片圓角 by ahuinan 2009-5-15</title>   <style type="text/css"> li{ list-style:none; float:left; margin-right:20px; margin-top:20px; position:relative; } img{ border:0; width:94px; height:94px; } .kuang_div{ position:absolute; z-index:1000; left:0; top:0; } </style> </head> <body> <div   class="vvxyksv9kd"   id="board"> <ul> <li><a href="#"><img src="http://www.dbjr.com.cn/upload/20090518004805144.gif" class="kuang" /></a></li> <li><a href="#"><img src="http://www.dbjr.com.cn/upload/20090518004805144.gif" class="kuang" /></a></li> <li><a href="#"><img src="http://www.dbjr.com.cn/upload/20090518004805144.gif" class="kuang" /></a></li> <li><a href="#"><img src="http://www.dbjr.com.cn/upload/20090518004805144.gif" class="kuang" /></a></li> <li><a href="#"><img src="http://www.dbjr.com.cn/upload/20090518004805144.gif" class="kuang" /></a></li> <li><a href="#"><img src="http://www.dbjr.com.cn/upload/20090518004805144.gif" class="kuang" /></a></li> <li><a href="#"><img src="http://www.dbjr.com.cn/upload/20090518004805144.gif" class="kuang" /></a></li> <li><a href="#"><img src="http://www.dbjr.com.cn/upload/20090518004805144.gif" class="kuang" /></a></li> </ul> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

jQuery使用正則表達式替換dom元素標簽用法示例
這篇文章主要介紹了jQuery使用正則表達式替換dom元素標簽的方法,結(jié)合具體實例形式分析了jQuery正則替換的操作技巧,需要的朋友可以參考下
2017-01-01
解析預加載顯示圖片藝術(shù)
本文主要介紹了預加載顯示圖片藝術(shù)實現(xiàn)的方法--一個jquery庫的preLoadImages()函數(shù)，使用這個函數(shù)就可以輕松實現(xiàn)圖片預加載了。需要的朋友可以看下
2016-12-12
jQuery增加和刪除表格項目及實現(xiàn)表格項目排序的方法
jQuery對表格的操作是老生常談的問題了,各種插件也到處都是,這里我們還是來從技術(shù)著手jQuery增加和刪除表格項目及實現(xiàn)表格項目排序的方法:
2016-05-05
淺談JQ中mouseover和mouseenter的區(qū)別
下面小編就為大家?guī)硪黄獪\談JQ中mouseover和mouseenter的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。
2016-09-09
jQuery實現(xiàn)用戶信息表格的添加和刪除功能
這篇文章主要介紹了jQuery實現(xiàn)用戶信息表格的添加和刪除功能,代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-09-09
jquery實現(xiàn)根據(jù)瀏覽器窗口大小自動縮放圖片的方法
這篇文章主要介紹了jquery實現(xiàn)根據(jù)瀏覽器窗口大小自動縮放圖片的方法,涉及jquery操作頁面元素屬性與樣式的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-07-07
jquery下動態(tài)顯示jqGrid以及jqGrid的屬性設(shè)置容易出現(xiàn)問題的解決方法
jquery下動態(tài)顯示jqGrid以及jqGrid的屬性設(shè)置容易出現(xiàn)問題的解決方法，使用jqgrid的朋友可以參考下。
2010-10-10
jQuery打印指定區(qū)域Html頁面并自動分頁
項目中需要用到打印HTML頁面，需要指定區(qū)域打印，使用jquery.PrintArea.js 插件實現(xiàn)分頁,需要的朋友可以參考下
2014-07-07
JQuery Highcharts 動態(tài)生成圖表的方法
動態(tài)圖表生成方法有很多，在接下來的文章中將為大家介紹下使用JQuery Highcharts是如何實現(xiàn)的
2013-11-11
jQuery獲取checkboxlist的value值的方法
最近著手一個項目用到了服務器空間checkboxlist ,使用起來是方便，可以想要從js獲取值就稍微麻煩點了，google后找到了如下方法，感興趣的小伙伴們可以參考一下
2015-09-09