当前目录: jquery制作
js补零效果

2016年8月29日  jquery制作,前端资源   

js补0 例如,效果最多显示4位数,如果没4位的话其他地方自动填充为0 <p id="num_show">0000</p> <script> var num='91'; //动态数据 var rule=''; for(var i=0;i<num.length;i++){ rule+='[0-9]'; if(i==num.length-1){ rule+='$'; } } var reg=new RegExp(rule,'i'); var str='0000'; var result=str.replace(reg,num); document.getElementById('num_show').innerHTML=result; </script> 如果要时时更新就话就每秒更新刷新一次使用ajax来完成

基于jquery手机手势封装

2016年8月6日  jquery制作,前端资源   

手机 百度 touch 禁用长按文本被选中 *{ -webkit-touch-callout:none; -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; }   touchstart / touchmove / touchend / touchcancel 是html5为移动设备提供的手势触发事件 当一些更高级别的事件发生的时候(如电话接入或者弹出信息)会取消当前的touch操作,即触发ontouchcancel。一般会在ontouchcancel时暂停游戏、存档等操作。 案例: <div ontouchstart="fn()"></div> 或者 $('div').on('touchstart',function(){}); 长按tap思路: 利用touchstart,手指放在手机屏幕上但不拿起这样触发了touchstart,在这过程...

简易弹窗

2016年7月18日  jquery制作,前端资源   

封装简单弹窗 //弹窗 function up_win(click_a,win_dom){ $(click_a).click(function(){ $(win_dom).toggle(); $('<div id="black_bg" style="position: fixed;width: 100%;height: 100%;background: #000;opacity: 0.5;left: 0px;top: 0px;z-index: 1601;"></div>').appendTo($('body')); }); $(win_dom).find('.tit .close_a').click(function(){ $(win_dom).toggle(); $('#black_bg').remove(); }); } up_win('#user_info .load_font a','#grow_up'); //绑定点击弹窗的按钮,弹窗本身     html: <div id="grow_up"> <div class="tit">标题<a class="close_a"></a></div> 内容 </div> &nb...

水平滚动

2016年6月22日  jquery制作,前端资源   

简单制作,速度自行修改。 对于初学者感兴趣可以学习,制作的思路提高下水平。 demo:https://www.xgllseo.com/wp-content/uploads/2016/06/up_down.html        

js侧边固定悬浮浮动效果

2016年6月16日  jquery制作,前端资源   

效果是 :滚动条滚动到一定程度后左侧栏才会触发开始随着浮动,左侧能滚动的范围也就是右侧高度,如: //内页侧边栏固定悬浮 function side_absolute(left,right,wrap){ var about_l_height=left.outerHeight(true); var about_con=right.outerHeight(true); function run(){ if( about_con>about_l_height ){ //右侧的内容高度比左侧导航高时才触发 if( (($(window).scrollTop()-150)+about_l_height)>=about_con && $(window).height()>about_l_height){ //判断是否到容器底部了 left.css({position:'relative',left:'0px',top:about_con-about_l_height}); }else if($(window).scrollTop()>=150 && $(window).height()>about_l_heig...