超好用的jQuery圓角插件 Corner速成_jquery
- WBOY原創
- 2016-05-16 16:38:201269瀏覽
jQuery Corner是一款jQuery的插件，最初由Dave Methvin開發，但後在Malsup同志的協助下，進行了一些重要的改進。現在專案放在github上，當然為了方便，本文會以附件的形式提供該插件，但要得到最新版，請到專案的github上拿。
之所以會像變魔術一樣地展現圓角及其他樣式，是由於該插件為目標元素增加了一些小條塊，這些小條塊為背景色，所以人眼看上去出現了圓角而已，其實就是小東西遮蓋了本來的直角。
看來我真不是乾魔術師的料，一上來就先把老底給揭了出來。不急，我再補充一下，這個魔術的一些要求：
1、插件是為block元素編寫，所以div、p等都適用；而inline的元素則沒有那麼幸運了，當然也不是說inline根本不能用，只是面對為span增加corner要多費點神。不過，正常人不會跟span的圓角較勁吧，把span改成div得了。
2.對於插件新增的border-radius功能，IE
OK，介紹完了基本要點。教大家如何使用，這是重點，但很簡單。 第一步，建構基本HTML網頁和DIV格局，並CSS。
<html>
<head>
<style type="text/css">
div{
width:350px;
height:200px;
background-color: #6af;
}
</style>
</head>
<body>
<div></div>
</body>
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn