1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > jQuery.lazyload+masonry改良图片瀑布流代码_图象特效

jQuery.lazyload+masonry改良图片瀑布流代码_图象特效

时间:2023-07-17 21:03:04

相关推荐

jQuery.lazyload+masonry改良图片瀑布流代码_图象特效

web前端|js教程

jQuery.lazyload,masonry,瀑布流

web前端-js教程

实现方法如下:(这里只发jquery了,相关html代码请各位自己脑补一下吧,我就不发了,哈哈)

自动发卡平台php源码,ubuntu 启用用户,js反爬虫破解,webrct php,seo 思想 境界lzw

/** * 自动刷新 * @type {*|jQuery|HTMLElement} */var $container = $(#main);$container.imagesLoaded( function(){ $container.masonry({ itemSelector : .item, columnWidth:205, gutterWidth:10, isAnimated: true });});var pre_href;//滚动$(window).scroll(function(){ // 当滚动到最底部以上100像素时, 加载新内容 if ($(document).height() - $(this).scrollTop() - $(this).height()<100) { ajax_load_data(); }}); function ajax_load_data(){ var href = $(#page-nav).find(.nextprev).attr(href); if(href && href != pre_href){ console.log(href = +href); pre_href = href;$.ajax({url:href,//获取元素列表的地址data:{act:ajax_wap_index},dataType:json,type:post,beforeSend:function(){ show_loading_body();},complete:function(){ show_loading_body();},success:function(data){ if(data.status != undefined && data.status == ok){if(data.html){ var $boxes = $( data.html ); $container.append( $boxes ).masonry("appended", $boxes, true);//追加元素 $container.imagesLoaded(function () { $container.masonry(); });//加载完图片后,会实现自动重新排列。【这里是重点】} if(data.str_pages){ $(#page-nav).html(data.str_pages);//设置下一个分页的地址。【可以自己补充】} }} }); }}

小猪收银台源码最新版,vscode无法从命令行启动,ubuntu密码循环,页游需要tomcat吗,爬虫链接磁力,php源码无法安装,推荐seo优化要多少钱lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。