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 · 817 阅读 · 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 · 1025 阅读 · 0 评论 -
点击左右箭头播放和自动轮播
html:原创 2013-06-20 10:42:42 · 2189 阅读 · 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 · 5158 阅读 · 0 评论 -
编写选项卡插件
html: one two three 11111111111111111111 22222222222222222222 33333333333333333333原创 2013-10-18 10:35:04 · 856 阅读 · 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 · 1474 阅读 · 0 评论 -
回到顶部
回到顶部 $("a").click(function(){ $("body,html").animate({scrollTop:0},300); }) 这里写成$("body,html")是为了兼容火狐和ie原创 2013-07-04 10:39:58 · 471 阅读 · 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 · 693 阅读 · 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 · 774 阅读 · 0 评论 -
window.onload和$(function(){})的区别
window.onload=function{} 表示页面加载完了后(包括dom和js),再执行函数里面的内容; $(function(){}) 表示页面(dom)加载完了后,再执行函数里面的内容原创 2013-09-23 16:52:38 · 1223 阅读 · 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 · 810 阅读 · 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 · 1422 阅读 · 2 评论 -
jq中选择器的效率问题
$('.class') $('div .class') $('div.class') 三个的执行效率 $('.class')>$('div .class')>$('div.class') 原因: $('.class')相当于调用了原生js里面的doucmen.getElementsByClassName()方法,在低版本的ie中会比较慢,但是在高版本浏览器中的速度是很快的 $('d原创 2015-02-10 11:23:17 · 733 阅读 · 0 评论