摘要: 接触javascript有一段时间了,平时工作都是尽可能去了解原理,然后自己去实现,从来没有封装过插件。前段时间心血来潮,想 写个无敌版的轮换,于是经过一个月的努力,终于完成,虽然还不够完美,但是就目前我的水平来看,也就只能这样了,以后水平提高了再重构一下(图方便使用了css3,在支持css3的浏览... 阅读全文
posted @ 2014-12-03 11:06 K13 阅读(152) 评论(0) 推荐(0) 编辑
摘要: CSS:.clearfix:after{content:"";display:block;height:0;clear:both;}.clearfix{zoom:1;}.clear{clear:both;}原理:对于子元素浮动的元素,使用clearfix来清理。Firefox等标准浏览器以及IE8+... 阅读全文
posted @ 2014-12-03 11:03 K13 阅读(311) 评论(0) 推荐(0) 编辑
摘要: RGBa是一种在CSS中声明包含透明效果的颜色的方法,通过RGBa我们可以将一个元素设置为透明,而不会影响其子元素。老版本IE浏览器不支持,我们可以使用IE浏览器CSS渐变滤镜来实现同样的效果。html{background:rgba(0,0,0,0.5);filter:progid:DXImage... 阅读全文
posted @ 2014-12-03 11:02 K13 阅读(147) 评论(0) 推荐(0) 编辑
摘要: jQuery:$(document).ready(function(){$("#index_listsdl").click(function(){window.location=$(this).find("a").attr("href");returnfalse;});});html:这是标题这是链... 阅读全文
posted @ 2014-12-03 11:01 K13 阅读(1276) 评论(0) 推荐(0) 编辑
摘要: 一、使用jQuery只需判断此元素的长度是否为0,如果为0则此元素不存在,代码如下:if($("#demo").length>0){//如果存在id为demo的元素,则执行此块代码}else{//否则执行此块代码}二、原生javascript方法if(document.getElementById(... 阅读全文
posted @ 2014-12-03 10:58 K13 阅读(3234) 评论(0) 推荐(0) 编辑
摘要: 效果:css:.jt{display:inline-block;/*和后面的文字在同一行*/*display:inline;/*ie67块级元素inline-block兼容*/*zoom:1;/*同上*/height:0px;width:0px;line-height:0px;/*行高设0,不然ie... 阅读全文
posted @ 2014-12-03 10:57 K13 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 效果:html:一旦你娶了中国太太,就等于娶了她全家,不到半年,她爹、她妈、她二姐、她二姐的孩子就排着队全来了……我好端端的一个美国家庭,一眨眼工夫,就被中国人给占领了。css:#demo{display:table-cell;/*表格单元格*/vertical-align:middle;/*ver... 阅读全文
posted @ 2014-12-03 10:56 K13 阅读(151) 评论(0) 推荐(0) 编辑
摘要: vartimer;$("xxx").hover(function(){timer=setTimeout(code,3000);},function(){clearTimeout(timer)});原理:setTimeout()计时执行一次,当鼠标移上去后开始计时,如果没有到设定时间,鼠标移出,则使用... 阅读全文
posted @ 2014-12-03 10:55 K13 阅读(337) 评论(0) 推荐(0) 编辑
摘要: 效果:CSS:.dot{width:14px;height:14px;font:12px/18pxArial;border-radius:7px;display:inline-block;vertical-align:middle;position:relative;box-shadow:0px1p... 阅读全文
posted @ 2014-12-03 10:54 K13 阅读(5030) 评论(0) 推荐(0) 编辑
摘要: 效果:/*inputfile美化及上传本地预览,兼容IE6-8,FIrefox,Chrome(需在服务端,本地无效)*/inputfile美化+添加图片add.png*******************************************************************... 阅读全文
posted @ 2014-12-03 10:53 K13 阅读(301) 评论(0) 推荐(0) 编辑