
jQuery
墨墨博客
Talk is cheap,show me the code!
废话少说,放码过来!
展开
-
jQuery实现图片左右出现和隐藏动画(腰封)
一定要引入jQuery,代码如下: .container{//整个容器的样式 display:block; position:fixed; z-index: 13; } .d1{//红色部分的样式 position:fixed; z-index:999999; overflow:hidden;; bottom:原创 2017-01-03 16:57:03 · 3378 阅读 · 0 评论 -
jQuery点击li标签改变颜色,其他li标签不变
.selected{ color:blue;} foo1 foo2 foo3 foo4 $(function(){ $("li").click(function(){ $(this).addClass("selected").siblings().removeClass("selected"); });});原创 2017-06-16 12:32:29 · 16408 阅读 · 0 评论 -
点击按钮一次,请求两次问题解决
把代码: $("#conmmitBtn").click(function() {});改成:$("#conmmitBtn").off().on('click',function() {});这样就解决了原创 2017-03-02 15:50:15 · 7282 阅读 · 1 评论 -
用sessionStorage获取和设置滚轮位置scrollTop
jQuery版 var scrollTop = sessionStorage.getItem('scroll'); sessionStorage.removeItem('scroll'); $(window).scrollTop(scrollTop); $(window).scroll(function(){ sessionStorage.se...原创 2017-01-17 13:42:09 · 1111 阅读 · 0 评论 -
jQuery的品牌列表效果
代码如下: .Category { width: 500px; height: 180px; border: 1px solid #fde; margin: auto; } .Category li { list-s原创 2017-01-11 16:22:41 · 472 阅读 · 0 评论 -
用split()根据选项卡在url后面添加锚值
请看代码如下: jQuery实现tab标签切换效果 * { margin: 0; padding: 0; list-style: none; } body { font: 12px/1.5 Tahoma; } #outer {原创 2017-01-09 11:34:34 · 1191 阅读 · 0 评论 -
用jQuery实现选tab项卡效果
代码如下: jQuery实现tab标签切换效果 *{ margin:0; padding:0;list-style: none;}body {font:12px/1.5 Tahoma;}#outer {width:450px;margin:150px auto;}#tab {overflow:hidden;zoom:1;background:#afd;b原创 2016-12-20 14:44:08 · 1828 阅读 · 0 评论 -
用jquery判断按钮的disabled属性
用prop()方法if($(#btn).prop("disabled")==true){//如果按钮是不可用的 xxxxx}原创 2016-12-29 17:18:46 · 23587 阅读 · 1 评论 -
jQuery跳转链接
jQuery实现网页跳转或用命令打开指定网页!location.href = "www.baidu.com";location.href = "test.php";在新窗口中打开链接:window.open('http://www.baidu.com');原创 2017-01-03 17:01:32 · 2540 阅读 · 0 评论 -
jQuery实现位移滚轮
$(function(){ $("#d1").click(function(){ var scroll_offset = $("#skill").offset(); var scroll=scroll_offset.top-200; $("body,html").animate({ scrollTop:scroll //让body的scrollTop等于pos的to原创 2017-06-07 13:16:58 · 1200 阅读 · 0 评论