![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
自己写的
文章平均质量分 52
hoyche
这个作者很懒,什么都没留下…
展开
-
jquery表单验证插件
/** * 内联配置式 * data-pattern 验证规则 可以是预定义的正则、正则字面量 与js配置式相比是不能指定验证函数 * eg: *{6-12}、\d+.\d+、*{6}|\d+.\d+ * data-ajaxcheck 异步验证url * data-ajaxtype 验证的请求类型 默认post * data-attach 属于配合异步验证使用 异步验证时有可能需要传递附加参数,name值以英文逗号分割 * eg: mobile,sex * data-depend 依赖于其他原创 2021-04-18 18:09:28 · 383 阅读 · 1 评论 -
node npm 相关
node安装工具nvm-windowshttps://github.com/coreybutler/nvm-windows安装指定版本nodenvm install 10.16.3使用指定版本nodenvm use 10.16.3获取npm所有参数配置npm config ls -l设置参数npm config set <参数名> <参数值>获取参数npm config get <参数名>可以在.npmrc文件中写上用户配置设置npm参数值从命原创 2020-11-10 21:17:38 · 54 阅读 · 0 评论 -
导航锚点跟随页面滚动,点击导航锚点快速到达页面位置
// 是否存在点击导航锚点var click_quick = null;var last_scroll_num = 0;$(window).scroll(function(){ var w_top = $(window).scrollTop(); // 循环页面正文中定位锚点 找到定位位置 $(".nav_quick[id^=quick]").each(functi...原创 2019-02-28 09:53:44 · 5014 阅读 · 0 评论 -
表格左右滚动 部分固定
$.fn.magicTab = function(){ this.each(function(){ var $t = $(this); $t.find('th').each(function(){ $(this).css({ 'width':$(this).css('width') ...原创 2019-02-13 14:10:32 · 775 阅读 · 0 评论 -
select控件单选多选美化下拉
.select-box { position: relative; overflow-y: hidden; padding: 0 10px; border: 1px solid #e4e4e4; line-height: 22px; cursor: default; background-color: #fff;}.select-box...原创 2018-08-14 10:30:05 · 1461 阅读 · 0 评论 -
js分页
$.fn.pageview = function(){ this.each(function(){ var $box = $(this); var type = $box.attr('data-type'); var data = product[type]; var prod_count = data.length;...原创 2019-02-13 14:10:45 · 75 阅读 · 0 评论 -
目录导航
!function(win,doc){ var $dir = $('.art-aside-dir'); var $hd = $('.art-sec .hd'); // 离顶部距离 var spaceTop = 50; // 创建导航html $hd.each(function(i){ var $t = $(this); ...原创 2018-05-25 17:40:33 · 361 阅读 · 0 评论 -
menuSel选择下拉框
/* style基础样式 */.menuDownWarp{ position: absolute; margin: 6px 0 0 -10px; background-color: #fff; border: 1px solid #e3e3e3; width: 160px;}.menuDownWarp .on{ background-color...原创 2018-05-25 17:40:40 · 206 阅读 · 0 评论 -
侧边菜单
/** * update 2016年9月21日 15:58:38 * 侧边栏菜单定义 * outchildhide:离开二级菜单时是否隐藏二级菜单,默认隐藏 * outselfhide:离开菜单时是否隐藏整个菜单,默认不隐藏 * bd:所有菜单项的容器 * style:一级触发元素上要添加和删除的class * extWidth:二级菜单超过一级菜单高度时将二级菜单宽度乘以这个倍数...原创 2018-05-25 17:40:45 · 614 阅读 · 0 评论 -
图片缩放(可多图层叠加、隐藏显示、拖动)
$(function(){ var $wrap = $(".layer-wrap"), // 外层包围 $img = $img = $("img",$wrap), // 图层 imgX, imgY; $wrap.addClass("layer-img-done"); // 载入完成视觉 // 显示隐藏图层 $(".J_selImg")...原创 2018-05-25 17:40:49 · 980 阅读 · 0 评论 -
checkbox 多级状态联动选择
// 需要配合html设置特定属性// rechild是指定它的下一级// resibling是指定它的同级// reparent是指定它的上一级// 思路就是当前元素触发事件之后,先循环设置子级,子级还存在子级就继续循环下去,直到没有子级// 之后循环同级,通过循环同级确定父级的选择状态// 在通过父级的同级确定父级的父级的选择状态,直到没有父级$(":checkbox").cha...原创 2018-05-25 17:40:56 · 5877 阅读 · 0 评论 -
倒计时
// 倒计时// 在元素上增加个自定义属性data-time,值为当前时间,结束时间,下面的js中会以逗号分割两个时间// 需要一个函数形参来处理结果,该函数的this指向的是HTML元素,并将要更新的倒计时结果传给该函数$.fn.countDown = function(_fn){ this.each(function(){ var $t = $(this),...原创 2018-05-25 17:41:02 · 232 阅读 · 0 评论 -
异步下拉选择框
// 调用样例// $('.all_filter .sup :text').ajaxDropSelect({// url : '/ajax/ajaxBrandList',// type : 'post',// ablenum : 1,// callfn : function(op){},// onfn : function(op){}// })...原创 2018-05-25 17:41:17 · 727 阅读 · 0 评论 -
弹窗插件
/** * 弹窗插件 by sunhaochen * create time 2017-10-31 17:01:27 * **********实例的方法*********** * show 方法显示窗口 * showModal 方法显示带黑色透明背景遮罩的窗口 * reset 方法重置窗口位置 * width height 方法设置窗口宽度:弹窗实例.width('5px') *...原创 2018-05-25 17:41:06 · 312 阅读 · 0 评论 -
元素固定插件
/** * 元素固定插件 by sunhaochen * create time 2017-11-1 16:39:40 * **********参数说明*********** * topSpace 固定元素上面的间距,譬如前面已经有一个固定元素了,此时就不能覆盖到前面的固定元素,把这个值设置为前面元素的高度就可以了 * bottomLimit 向下滚动时,当下面有不能覆盖的元素时,就把固定元素固定...原创 2018-05-25 17:41:10 · 206 阅读 · 0 评论