Jquery demo
jquery demo
是欢欢啊
如果词不达意,那就把爱意藏在心底
展开
-
jQuery实现无刷分页/不跳转分页
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>分页</title> </head> <body> <div class="lmian_bot"> <div class="lmian_bot_ul"> ...转载 2021-10-22 18:01:02 · 216 阅读 · 0 评论 -
body高度小于屏幕高度时,使footer固定在底部
// 当body小于屏幕高度时 使footer固定在底部 $(document).ready(function() { if ($(document.body).height() < $(window).height()) { $('.footerAll').addClass('footerLess'); } }) $(window).resize(function() { if ($(document..原创 2021-09-27 18:05:33 · 173 阅读 · 0 评论 -
关于图片损坏检测处理/图片路径错误显示默认图片
最近工作的时候框架用的TP5+jquery;页面的整个数据都是从后端一次传过来的,不能直接在img标签上面去添加onerror事件;也试过获取页面需要检测的所有图片,循环判断添加onerror事件,发现添加成功后页面刷新会进入死循环,这里给大家推荐一种方法$(document).ready(function(){ $('.mainContent img').each(function(){ //获取需要判断的所有图片并且循环判断 var error = f原创 2021-08-24 15:34:27 · 341 阅读 · 0 评论 -
Jquery懒加载
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src.原创 2021-07-09 11:05:59 · 233 阅读 · 0 评论 -
出现弹窗后,禁止页面滑动
/**禁用滚动条**/function unableScroll() { var top = $(document).scrollTop(); $(document).on('scroll.unable',function (e) { $(document).scrollTop(top); })} /**启用滚动条**/function enableScroll() { $(document).unbind("scroll.unable");}需要禁止或启用时,调用对应的函数即可.原创 2021-05-18 15:03:35 · 506 阅读 · 0 评论 -
导航栏跟随滚动条滑动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>导航栏原创 2021-04-21 10:17:51 · 1432 阅读 · 0 评论 -
jQuery中获取对应的下标
$('.game .soft_title>div p').hover(function () { $(this).addClass('active').siblings().removeClass('active'); var _index = $(this).index() $('.game .soft_list .soft_item').eq(_index).addClass('active').siblings().removeClass('ac.原创 2021-04-20 15:55:43 · 1303 阅读 · 0 评论 -
jquery右侧随滚动条浮动导航代码
<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jquery右侧随滚动条浮动导航代码</title><script src="/js/jquery.js"></script><style> body{ margin:0; padding:原创 2021-04-20 12:01:24 · 278 阅读 · 0 评论 -
Jquery调色板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Jqu原创 2021-04-08 17:57:05 · 191 阅读 · 0 评论