jquery问题
文章平均质量分 84
总是忘记昵称
这个作者很懒,什么都没留下…
展开
-
类似淘宝购物车全选状态
我是投资者*{margin:0;padding:0;color:#727272;font-size:12px; outline:none;}table{ border-collapse:collapse; border-spacing:0; }a{color:#3A3A3A; text-decoration:none; color:#575757;}a:hover{ text-decor原创 2013-06-18 14:01:25 · 802 阅读 · 0 评论 -
tr整行同上和选中td的内容与上一行同列的单元格内容相同
无标题文档h6{font-size:14px;}strong{font-size:12px;}p{ line-height:25px;}table{ border-collapse:collapse;margin:10px 0;}table td input{text-align:center; width:100px;}table td span{margin-right:10px原创 2013-05-14 23:24:56 · 1012 阅读 · 0 评论 -
点击左右箭头播放和自动轮播
html:原创 2013-06-20 10:42:42 · 2154 阅读 · 0 评论 -
滚动条
滚动条*{margin:0; padding:0;}.wrapper{ width:500px; height:500px; border:1px solid #000; margin:0 auto; }.content{ width:445px; height:400px; overflow:hidden; text-indent:2em;margin:50px 0 0 20px; fl原创 2013-07-17 13:44:51 · 5144 阅读 · 0 评论 -
编写选项卡插件
html: one two three 11111111111111111111 22222222222222222222 33333333333333333333原创 2013-10-18 10:35:04 · 836 阅读 · 0 评论 -
拖拽+div放大缩小
无标题文档*{ margin:0; padding:0; font-size:12px;}.box{ width:300px; height:300px; background:#FCC; position:relative}.drag{width:300px; height:30px; cursor:move; background:#000}.resize{width:15px; h原创 2013-05-28 13:44:06 · 1459 阅读 · 0 评论 -
回到顶部
回到顶部$("a").click(function(){$("body,html").animate({scrollTop:0},300);})这里写成$("body,html")是为了兼容火狐和ie原创 2013-07-04 10:39:58 · 453 阅读 · 0 评论 -
拖动效果和放大缩小效果
拖拽和放大缩小*{margin:0; padding:0;}.container{ position:relative; width:100px; margin-left:300px;}.line{ width:100px; height:20px; background:#ccc; border:1px solid #000;}.haddle{ width:10px; height:3原创 2013-05-15 10:20:34 · 682 阅读 · 0 评论 -
手机和电话的验证
$(".btn input[type='submit']").click(function(){ var company=$("#company").val().replace("/\s+/g",""); var contact=$("#contact").val().replace("/\s+/g",""); var tel=$("#tel").val().replace("/\s原创 2013-09-05 14:50:24 · 754 阅读 · 0 评论 -
window.onload和$(function(){})的区别
window.onload=function{}表示页面加载完了后(包括dom和js),再执行函数里面的内容;$(function(){})表示页面(dom)加载完了后,再执行函数里面的内容原创 2013-09-23 16:52:38 · 1211 阅读 · 0 评论 -
简单的轮播效果
轮播滚动*{margin:0; padding:0; border:0; font-size:12px;}a{ text-decoration:none;}ul,li{ list-style:none;}.clear-fix{*zoom:1;}.clear-fix:after{ clear:both; display:block; height:0; content:"\0020";}原创 2013-05-30 10:59:31 · 796 阅读 · 0 评论 -
3种不同方式的焦点图轮播
1.自动轮播+经过圆点滚动+鼠标停留在圆点上 时候暂停+离开圆点自动轮播:焦点图*{margin:0; padding:0; list-style:none;}.clear-fix{*zoom:1;}.clear-fix:after{ content:"\0020"; clear:both; height:0; display:block;}h1{ text-align:cen原创 2013-07-24 16:25:18 · 1403 阅读 · 2 评论 -
jq中选择器的效率问题
$('.class') $('div .class') $('div.class') 三个的执行效率$('.class')>$('div .class')>$('div.class')原因:$('.class')相当于调用了原生js里面的doucmen.getElementsByClassName()方法,在低版本的ie中会比较慢,但是在高版本浏览器中的速度是很快的$('d原创 2015-02-10 11:23:17 · 719 阅读 · 0 评论