JQuery
花花最美腻
努力中
展开
-
图片放大镜 jQuery插件
插件网盘地址用户传参/*使用jqzoom*/$(function(){ $('.jqzoom').jqzoom({ zoomType: 'standard',/*遮罩层样式*/ lens:true,/*鼠标滑入显示遮罩层*/ preloadImages: false,/*预加载*/ alwaysOn:false,/*初始是否显示遮罩层*/ zoomWidth: 340,/*放...原创 2018-06-03 15:24:38 · 908 阅读 · 0 评论 -
JQuery轮播图(requireJS)
<script src="../require.js" data-main="index"></script>在html文件中先引入require文件,并加载index页面级js文件index.js:require(['carousel'],function(Carousel){}引用carousel.js文件,传参数var carousel1=new Carousel()...原创 2018-05-28 00:12:15 · 490 阅读 · 0 评论 -
特效菜单栏 水平导航栏
一、页面布局五个一级标题对应五个二级标题 所有箭头等图标、icon用一张背景图片完成二级标题外有个容器expdiv(控制显示哪部分二级标题 通过marginLeft控制,容器溢出隐藏)容器外有个滑动层expand(控制二级菜单显示或隐藏 初始高度为0 隐藏)//容器设置为500% 每一个二级菜单width为20%底部有个关闭按钮二、js1、显示二级菜单$('.nav-btn').on('c...原创 2018-06-01 19:48:40 · 1311 阅读 · 0 评论 -
简易版弹出层插件
一、dialog.js定义类(生成二级弹出层互不影响)function Dialog(obj) {var _this=this;//和别的函数this区分}obj为index.js传入参数this.$dialogMask=$('<div class="dialog-mask"></div>').on('click',function () { remove(_this...原创 2018-06-01 20:01:37 · 514 阅读 · 0 评论 -
网站换肤
效果图可选框是一张背景图片,通过定位显示不同颜色和对号1、jsvar color=["#9e9e9e",'#b2d600','#f8b646','#08bece','#e3165c','#bb3bd9'];//把颜色按顺序存在数组里$('#skin-ul li').on('click',function () { //点击li时 给当前li添加class(‘’active‘’) 兄弟移除c...原创 2018-06-01 20:46:30 · 602 阅读 · 0 评论 -
滑动到底部 固定侧边栏
J_BdSide是滑动侧边栏id选择器<script> $(window).scroll(function() { var windowHeight = $(window).scrollTop() + $(window).height(); //获取滚动条滚动距离+窗口高度 var sideHeight = $('#J_BdSide').height(); /...原创 2018-06-02 10:26:00 · 852 阅读 · 0 评论 -
类似天猫侧边导航栏
/*垂直导航栏开始*///index()方法 获得第一个匹配元素相对于其同级元素的index位置 所有兄弟节点中的索引var arr = ["1460", "2150", "2935", "3620", "4330", "5020", "5725", "6423", "0"];//把元素到页面顶部的高写死在数组里 不太科学但也原创 2018-06-02 16:38:57 · 1252 阅读 · 0 评论