随笔分类 -  jQuery

如何写一个jQuery插件
摘要：jQuery 插件开发模式 jQuery 的插件开发模式主要有三种： 通过$.extend()来扩展jQuery 通过$.fn向jQuery添加新的方法 通过$.widget()应用jQuery UI 的部件工厂方式创建 这里我们选用第二种： 因为这种方法是加在jQuery对象上，可以在jQuery 阅读全文
posted @ 2016-04-14 15:59 屋大明 阅读(4112) 评论(1) 推荐(0)
jquery实现按钮翻转动画
摘要：HTML Code： 步骤：1.在div内部前面插入一个span，并设置span背景及大小；2.再通过span向上滑动，露出底下的button的背景。CSS Code：#login_btn { margin-left:78px; margin-top:10px; background:url("./images/login_btn.png") left bottom no-repeat; width:184px; height:39px; overflow:hidden;}#login_btn button {border:none; background:url(&quo 阅读全文
posted @ 2014-03-21 14:37 屋大明 阅读(1072) 评论(0) 推荐(0)
jquery实现图片轮播效果
摘要：效果如下： HTML Code: ... 阅读全文
posted @ 2014-01-15 18:00 屋大明 阅读(293) 评论(0) 推荐(0)
jquery实现全选和取消全选
摘要：JS Code：$('#checkAll').click(function() { //监听全选的点击事件 if($('#checkAll').attr('checked') == true) { //判断自身是否选中 $('#exportSelect input[type=checkbox]').attr('checked',true); //所有复选框设置为选中 } else {$('#exportSelect input').attr('checked',false); //所 阅读全文
posted @ 2013-12-27 18:08 屋大明 阅读(263) 评论(0) 推荐(0)
jquery判断元素的显示状态（显示还是隐藏）
摘要：JS Code:if($('.combo-p').is(":visible") == true){ alert("这是显示的");}else { alert("这是隐藏的");}jquery与visible相反的是隐藏hidden 阅读全文
posted @ 2013-12-26 17:49 屋大明 阅读(856) 评论(0) 推荐(0)
jquery实现WIN7本地磁盘容量条效果
摘要：原理简述：使用两个嵌套的两个DIV实现，外层DIV的宽度自己定义，内层DIV的宽度根据外层DIV的百分比定义，并设置背景颜色。再用jquery的animate方法实现内层DIV宽度从零开始增加。HTML Code：CSS Code： .partitionDiv {width:200px; height:66px; border:1px solid #999; background:url("./images/diskIcon.png") no-repeat left center; padding-left:64px; padding-right:5px; float:le 阅读全文
posted @ 2013-12-17 11:05 屋大明 阅读(741) 评论(0) 推荐(0)