jquery 插件（五）

1.圆角cover

将包含文字的border变成圆角用css实现要用到图片的ps技巧，这里运用jquery来实现把事情变得很简单：

<mce:script type="text/javascript" src="corner/jquery.corner.js" mce_src="corner/jquery.corner.js"></mce:script><div class="testCorner" style="width:200px; height:100px; border:3px solid red ; background-color:#0000FF;color:#00FF00;line-height:100px;">$(this).corner("10px");</div><script type="text/javascript">$("div").corner();// .... 

只需要引入corner.js，然后对div运用corner函数，这个函数可以带参数来实现不同的圆角形式。

网址：http://www.malsup.com/jquery/corner/

2.thickbox：显示图片的jquery插件，引用css和js后点击img既可以在外面加载层来显示。相同的很多，比如colorbox等，都是优秀的jquery控件

3.codaSlider:codaSlider和codaPop可能是一家，很杰出的家庭。仿照extjs经典的tab切换来完成

网址：http://www.ndoherty.biz/demos/coda-slider/1.1.1/#1

代码：jQuery(window).bind("load", function() {jQuery("div#slider1").codaSlider()// jQuery("div#slider2").codaSlider()// etc, etc. Beware of cross-linking difficulties if using multiple sliders on one page.});/* <div id='slider1'> <div class='panelContainer'> <div class='panel'>table1</div> <div class='panel'>table2</div> </div> </div> *//*add css ahead*/