IE6下有个臭名昭著的bug：绝对定位层无法遮住底下的选择框。大家可以去试验下就知道了。而通常的解决方案是在绝对定位层下加个iframe，利用iframe来挡住底下的选择框。这也是这个插件的原理。 调用很简单： $(‘#box6′).bgiframe({top: ‘-5px’, left: ‘-5px’, width: ’270px’, height: ’120px’});
......Galleriffic-jquery图片画廊插件
插件网址：http://www.twospy.com/galleriffic/index.html 使用方法： 引入JQ库与插件js <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.galleriffic.js"></script> 添加容器html <div id="controls"></div> <div id="loading"></div> <div i......
应用easing插件制作有意思的伸缩效果
发个演示地址：http://www.36ria.com/demo/dock/ jquery的easing插件是一个非常有用的特效加强插件，利用它可以做出很多非常有意思的动画。 接下来我们看看其实如何利用的 这是其html结构解析图。原理很简单，一个绝对定位层，设置其top为负值，等到鼠标移到.footer，动画递增到0. 具体的html代码参见实例包。 这里贴出其关键的JS代码 $(document).ready(function() { ......
推荐一个非常有意思的jquery拖拉门效果
由于截图不够直观体现其效果。我已将此插件上传到空间。 其实实现起来并不难，先将1张图片复制四份，并设置其为绝对定位，放入四个绝对定位层，四个绝对定位层，分别置于.caption容器层的四角，当然要重新设置下绝对定位层内图片的位置。嘿嘿接下来就是调用JQ的特效来实现其动画效果。 来看其html代码： <div class="qitem"> <a href="h......
fcbkcomplete-jquery自动完成插件
这是一个仿facebook的自动完成插件，效果还算不错。 调用方法非常简单： $(document).ready(function() { $.facebooklist(‘#facebook-demo’, ‘#preadded’, ‘#facebook-auto’,'fetched.php’, 10); }); 简单说明下其参数 ‘#facebook-demo’ : 这是所起作用的文本框对象 ‘#preadded’: 后台返回回来的文本所......
Jcrop-jquery图片裁剪插件
如果有用过www.gravatar.com的头像的话就知道，该网站带有一个强大的图片裁剪功能，而这个功能就是使用Jcrop实现的。这是一个值得使用的插件，带有完备的API，你可以非常自由的使用其中的功能。压缩包带有5个demo，其中第五个demo要多把玩下。 来看下其使用方法： 关键的图片的html代码是免不了 <img src="demo_files/sago.jpg" id="cropbox" /> 值得一提的是，插件运......