当前目录: jquery制作
简易弹窗

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...

手机时间轴

2016年4月12日  jquery制作,前端资源   

DEOM下载:time_list https://www.xgllseo.com/wp-content/uploads/2016/04/time_list/index.html

基于jquery让图片滚动到页面可视窗口后加载图片

2016年4月9日  jquery制作,前端资源   

滚动加载图片 图片 滚动 加载 function load_img(){ $('.scrollimg').each(function(){ if(($(this).offset().top)< ($(window).scrollTop()+$(window).height()) && $(this)[0].title=='') { //判断图片是否在可视区域 并且title=='',为了防止已经加载成功的图片又再次去请求 if( !$(this).data('loading') ){//图片没data-loading=""的属性才执行,防止正在加载的图片又在不断请求 $(this).data('loading','true'); $(this).attr({ src:$(this).data('url') }); $(this).load(function(){ $(this)[0].title='ok' }); $(this).error(function(){ $(this)[0].title='no' }); } } }); ...