jquery插件corner實(shí)現(xiàn)圓角邊框的方法
更新時(shí)間：2015年03月09日 10:13:13 作者：瘋狂的流浪
這篇文章主要介紹了jquery插件corner實(shí)現(xiàn)圓角邊框的方法,實(shí)例分析了jQuery插件corner的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jquery插件corner實(shí)現(xiàn)圓角邊框的方法。分享給大家供大家參考。具體如下：
復(fù)制代碼 代碼如下:
<!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>
<title>jQuery Corners</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.corners.min.js"></script>
<script type="text/javascript">
$( function(){$('.roundedd').corners();})
</script>
<style type="text/css">
.roundedd
{
background-color:#eeeeee;
}
</style>
</head>
<body>
<div style="" class="roundedd">
class="rounded {10px}"
</div>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Corners</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.corners.min.js"></script>
<script type="text/javascript">
$( function(){$('.roundedd').corners();})
</script>
<style type="text/css">
.roundedd
{
background-color:#eeeeee;
}
</style>
</head>
<body>
<div style="" class="roundedd">
class="rounded {10px}"
</div>
</body>
</html>
這里測(cè)試了一下發(fā)現(xiàn)一個(gè)問題bug：若background-color:#eeeeee;寫成background-color:red;或 background-color:yellow;在火狐沒問題，如果是IE的話就看不到效果了，所以建議用顏色RGB代碼。
演示地址為：
http://www.malsup.com/jquery/corner/
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過顯示動(dòng)畫邊框特效
- jQuery實(shí)現(xiàn)邊框動(dòng)態(tài)效果的實(shí)例代碼
- JQuery拖動(dòng)表頭邊框線調(diào)整表格列寬效果代碼
- JQuery實(shí)現(xiàn)鼠標(biāo)移動(dòng)到圖片上顯示邊框效果
- jquery給圖片添加鼠標(biāo)經(jīng)過時(shí)的邊框效果
- jQuery 淡入淡出 png圖在ie8下有黑色邊框的解決方法
- jquery photoFrame 圖片邊框美化顯示插件
- jquery(1.3.2) 高亮選中圖片邊框
- jquery實(shí)現(xiàn)邊框特效
相關(guān)文章
利用jquery如何從json中讀取數(shù)據(jù)追加到html中
這篇文章主要給大家介紹了關(guān)于利用jquery如何從json中讀取數(shù)據(jù)追加到html中的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編一起來看看吧。2017-12-12
這篇文章主要為大家詳細(xì)介紹了jQuery遮罩層實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
本文介紹了Jquery頁(yè)面初始化的4種方式的實(shí)例代碼，需要的朋友可以看下2016-11-11
jQuery中為我們提供了很多有用的方法和屬性，自己總結(jié)的一些常用的函數(shù)，方法。個(gè)人認(rèn)為在開發(fā)中會(huì)比較常用的，僅供大家學(xué)習(xí)和參考。2009-06-06
前些天寫了兩篇關(guān)于jQuery表單驗(yàn)證的文章，jQuery的插件還存在諸多問題，但是本人還在不斷努力更新中。本篇文章主要介紹jQuery表單驗(yàn)證中輸入文本內(nèi)容的范圍驗(yàn)證。2010-10-10
jQuery插件zTree實(shí)現(xiàn)獲取一級(jí)節(jié)點(diǎn)數(shù)據(jù)的方法
這篇文章主要介紹了jQuery插件zTree實(shí)現(xiàn)獲取一級(jí)節(jié)點(diǎn)數(shù)據(jù)的方法,結(jié)合實(shí)例形式分析了jQuery插件zTree針對(duì)節(jié)點(diǎn)的遍歷與獲取操作相關(guān)技巧,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了使用jquery清空、復(fù)位整個(gè)輸入域，非常的簡(jiǎn)單實(shí)用，這里推薦給大家,需要的朋友可以參考下2015-04-04
jquery入門—數(shù)據(jù)刪除與隔行變色以及圖片預(yù)覽
項(xiàng)目需求：表格中數(shù)據(jù)隔行變色、刪除數(shù)據(jù)、全選刪除、鼠標(biāo)移動(dòng)到圖片時(shí)顯示圖片預(yù)覽等等，感興趣的朋友可以參考下2013-01-01
CSS+jQuery實(shí)現(xiàn)的一個(gè)放大縮小動(dòng)畫效果
因?yàn)樾枨缶椭挥?個(gè)元素。如果是要用CSS的class來處理，那就需要用到CSS3動(dòng)畫了，好了下面為大家介紹下如何實(shí)現(xiàn)這個(gè)放大縮小動(dòng)畫效果2013-09-09