舜网动漫

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" content="ie-comp" /> <script src="/statics/dongman/pc/js/rem.js"></script> <link rel="stylesheet" href="/statics/dongman/pc/css/202308020.css"> <link rel="stylesheet" href="/statics/dongman/pc/css/swiper-bundle.min.css"> <link rel="stylesheet" type="text/css" href="/statics/dongman/pc/css/base.css"> <link rel="stylesheet" type="text/css" href="/statics/dongman/pc/css/index2.css"> <link rel='stylesheet' href='/statics/dongman/pc/css/bootstrap.min.css' /> <script src="/statics/dongman/pc/js/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="/statics/dongman/pc/js/jQueryColor.js"></script> <script type="text/javascript" src="/statics/dongman/pc/js/jquery.masonry.min.js"></script> <script type="text/javascript" src="/statics/dongman/pc/js/jQeasing.js"></script> <title>舜网动漫</title> <script type="text/javascript"> /* masonry还有很多参数我这里注解了常用的参数 */ </script> </head> <body style="background-color: #bff6e1;"> <div class="top_title" style="background-color: #bff6e1;"> <div class="swiper_box"> <div id="certify"> <div class="swiper-container"> <div class="swiper-wrapper lb"> <div class="swiper-slide"> <a href="http://zhuanti.e23.cn/2024/lunxian_0314/17811.html" target="_blank"> <img src="http://zhuanti.e23.cn/uploadfile/2024/0314/20240314100658784.jpg" /> </a> </div> <div class="swiper-slide"> <a href="/2023/lunxian_1007/15530.html" target="_blank"> <img src="http://zhuanti.e23.cn/uploadfile/2023/1007/20231007034102145.png" /> </a> </div> <div class="swiper-slide"> <a href="/2023/lunxian_1007/15520.html" target="_blank"> <img src="http://zhuanti.e23.cn/uploadfile/2023/1007/20231007023148143.png" /> </a> </div> <div class="swiper-slide"> <a href="/2023/lunxian_1007/15511.html" target="_blank"> <img src="http://zhuanti.e23.cn/uploadfile/2023/1007/20231007104341424.png" /> </a> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div> </div> <div class="mingjia"> <div class="row"> <div class="col-6"> <div class="swiper-container swiper-containermode"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="http://zhuanti.e23.cn/2023/mingjialunbo_0711/16331.html" target="_blank"><img src="http://zhuanti.e23.cn/uploadfile/2023/0711/20230711085822421.png" width="620" height="348" alt="" /> </a> <p> <a href="http://zhuanti.e23.cn/2023/mingjialunbo_0711/16331.html" target="_blank">新媒体艺术家顾群业将携《塗龙季》亮相0531潮流大展</a> </p> </div> </div>  <div class="swiper-button-next swiper-button-nextmode"></div> <div class="swiper-button-prev swiper-button-prevmode"></div>  <div class="swiper-pagination swiper-paginationmode" style="text-align:right;"></div> </div> </div> <div class="col-6"> <div class="mjnews"> <h2><a href="http://zhuanti.e23.cn/2023/mingjia_0711/16334.html" target="_blank">新媒体艺术家顾群业将携《塗龙季》亮相0531潮流大展</a></h2> </div> <div class="mjnews"> <h2><a href="http://zhuanti.e23.cn/2023/mingjia_0625/16333.html" target="_blank">七彩娃-泉水节</a></h2> </div> <div class="mjnews"> <h2><a href="http://zhuanti.e23.cn/2023/mingjia_0625/16332.html" target="_blank">七彩娃-系列表情包</a></h2> </div> <div class="ckgd"><a href="/dongman/pc/mingjia/" target="_blank" style="color:#2165B3;">查看更多<img src="http://zhuanti.e23.cn/statics/dongman/pc/img/arrow.png" alt=""></a></div> </div> </div> </div> <div class="qbtitle"><img src="/statics/dongman/pc/images/qbzp.png" width="906" height="32" alt="" /></div> <div class="waterPull"> <div class="content">  <div class="waterfull clearfloat" id="waterfull"> <ul> </ul> </div> <div id="imloading" style="text-align: center;margin: 30px 0;cursor: pointer;"> <img src="/statics/dongman/pc/images/btn_more.png" alt="" style="display: inline-block;"> <p style="display: none;">作品持续更新中，敬请关注</p> </div>   </div> </div> <div class="one_more"> </div> <div class="footer_line"></div> <div class="footer"> <div> <p class="footer_p">联系方式：0531-67976522、15662690686</p > <p class="footer_p">通讯地址：山东省济南市槐荫区腊山河西路中段济南报业大厦18层</p > <p class="footer_p">版权所有©山东舜网传媒股份有限公司<span style="display:inline-block;margin:0 15px;"></span>鲁公网安备 37010402000105号<span style="display:inline-block;margin:0 15px;"></span>鲁ICP备05024548号</p > </div> <div> <div class="qrcode"> <img src="/statics/dongman/pc/img/qrcode.jpg" alt=""> <p style="margin-bottom: 0">微信扫码联系</p > </div> </div> </div> </body> <script src="/statics/dongman/pc/js/swiper.min.js"></script> <script> var certifySwiper = new Swiper('#certify .swiper-container', { watchSlidesProgress: true, slidesPerView: 'auto', centeredSlides: true, loop: true, autoplay: true, loopedSlides: 3, pagination: { el: '.swiper-pagination', clickable: true, }, on: { progress: function (progress) { for (i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i); var slideProgress = this.slides[i].progress; modify = 1; translate = slideProgress * modify * 100 + 'px'; scale = 1 - Math.abs(slideProgress) / 5; zIndex = 999 - Math.abs(Math.round(10 * slideProgress)); slide.transform('translateX(' + translate + ') scale(' + scale + ')'); slide.css('zIndex', zIndex); slide.css('opacity', 1); if (Math.abs(slideProgress) > 3) { slide.css('opacity', 0); } } }, setTransition: function (transition) { for (var i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i) slide.transition(transition); } } } }) let images = [ { src: 'http://zhuanti.e23.cn/uploadfile/2024/1217/20241217044505482.jpg', title: '网络谣言惑众，真相君”为您各个击破', tab: '', url: 'http://zhuanti.e23.cn/2024/zuopin_0930/18908.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2024/1217/20241217042336265.jpg', title: '真相只有一个！2024山东网络辟谣精选', tab: '', url: 'http://zhuanti.e23.cn/2024/zuopin_0930/18906.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2024/0710/20240710094657182.png', title: '《济南市公共投资建设项目审计监督办法》解读', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2024/zuopin_0710/18342.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2024/0312/20240312050005652.png', title: '济小审100秒弘扬宪法精神', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2024/zuopin_0312/17796.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2024/0306/20240306110906539.png', title: '数字人民币带你领略别样“年味”', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2024/zuopin_0306/17758.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2024/0312/20240312051401748.png', title: '济小审说案例智慧审计洞悉阴阳合同', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2024/zuopin_0306/17757.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2024/0306/20240306102147939.png', title: '济小审说案例科技助力自然资源资产管理情况专项审计调查', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2024/zuopin_0306/17756.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2024/0306/20240306094655745.png', title: '济小审100秒党政领导干部经责审计', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2024/zuopin_0306/17754.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2024/0305/20240305043225840.png', title: '济小审100秒2023年上半年济南市审计成效明显', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2024/zuopin_0305/17753.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2024/0226/20240226034328512.jpg', title: '齐鲁名仕带您领略齐鲁风物博大精深，品味非遗文化创新之美', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2024/zuopin_0226/17578.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/1129/20231129032619768.png', title: '济小审说案例', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_1129/16339.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/1127/20231127032848988.png', title: '舜小荷-网络辟谣核辐射篇', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_1127/16319.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/1127/20231127032744192.png', title: '舜小荷-网络辟谣电信诈骗篇', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_1127/16318.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/1127/20231127032700675.png', title: '舜小荷-网络辟谣地震篇', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_1127/16317.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/1031/20231031034937642.jpg', title: '谨防电信诈骗八个“凡是”请牢记', tab: '谨防电信诈骗八个“凡是”请牢记', url: 'http://zhuanti.e23.cn/2023/zuopin_1031/15820.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/1030/20231030020235636.gif', title: '眼见不为实，耳听也是虚！警惕AI诈骗！动态条漫', tab: '', url: 'http://zhuanti.e23.cn/2023/zuopin_1030/15772.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/1013/20231013021611649.png', title: '济小审：1600万元异常收入引出的抽屉协议', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_1013/15648.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/1011/20231011042742970.gif', title: '刷屏了！这个夏天被“炽热”的山东暖到了...', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_1011/15581.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/1013/20231013021058444.png', title: '条漫丨济南打造“小巷公交”民生品牌', tab: '漫画', url: 'http://zhuanti.e23.cn/2023/zuopin_1011/15580.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/1011/20231011042130341.png', title: '一张蓝图绘到底，绘就大美山东新画卷', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_1011/15579.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/1011/20231011091321808.gif', title: '山东高效推进综合交通建设谱写交通强省新篇章', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_1011/15564.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/1010/20231010020431482.png', title: '200秒，品济南文化的“国潮”新风尚', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_1010/15560.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0830/20230830042049213.gif', title: '“建强省”看山东 “数字变革”绘就“数字强省”蓝图', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0830/15133.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0711/20230711085822421.png', title: '新媒体艺术家顾群业将携《塗龙季》亮相0531潮流大展', tab: '新闻', url: 'http://zhuanti.e23.cn/2023/zuopin_0711/14355.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0705/20230705090351437.gif', title: '动态海报-揭秘山东“出圈”流量密码', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0705/14315.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406104044285.jpg', title: '国潮济南第二期', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0704/13243.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0627/20230627012640163.jpg', title: '山东最in打卡地“明信片”', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0703/14102.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0629/20230629020112392.jpg', title: '瞰济南绘发展', tab: '互动H5 ', url: 'http://zhuanti.e23.cn/2023/zuopin_0701/14120.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406105333407.jpg', title: '国潮济南第一期', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0701/13249.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406105036410.jpg', title: '国潮济南第五期', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0701/13248.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406104859594.jpg', title: '国潮济南第四期', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0701/13247.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406104550499.jpg', title: '国潮济南第三期', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0701/13245.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0710/20230710100010591.png', title: '2021年历下区政府工作报告MG动画', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0630/14129.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0710/20230710100053509.png', title: '2020年历下区政府工作报告', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0630/14128.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0629/20230629091224703.gif', title: '夏雨荷表情包', tab: '表情包', url: 'http://zhuanti.e23.cn/2023/zuopin_0630/14116.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0629/20230629044557897.png', title: '朋友圈内谣武扬威真相君说no', tab: '漫画', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/14122.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0629/20230629041536293.png', title: '对方拒绝了你的谣言并向你扔回去一个真相', tab: '漫画', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/14121.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406030319204.png', title: '济南市口岸和物流办公室2021年政府信息公开工作年度报告', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13270.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406030115176.png', title: '金融监管局年报MG动画', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13269.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406024739388.png', title: '社会组织党建与业务如何做到“三个同步”？', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13268.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406024443450.png', title: '《档案法》跟我学2', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13267.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406021126418.png', title: '《档案法》跟我学', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13264.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406105933925.jpg', title: '共产党员的精神谱系', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13252.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406105706223.jpg', title: '致敬英雄', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13251.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406105515438.jpg', title: '网络空间不是“法外之地”', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13250.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406104802881.jpg', title: '书写黄河文化', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13246.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406104453858.jpg', title: '黄河文化主题插画海报', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13244.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406103913593.jpg', title: '《富贵不淫，贫贱不移，威武不屈》', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13242.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406102948688.png', title: '养老诈骗套路大揭秘，教您躲开骗局陷阱', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13238.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406102335709.png', title: '市场监管局动画2', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13237.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406102035240.png', title: '市场监管局动画', tab: ' MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13236.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406101755154.png', title: '广大市民这份防汛自救指南请收好', tab: ' MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13235.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406100522604.png', title: '让党旗在祖国大地高高飘扬', tab: '互动H5', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13233.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0928/20230928031800850.png', title: '《看见你记住你》', tab: '互动H5', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13230.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406093801306.png', title: '百年荣光续梦起航', tab: '互动H5', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13229.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0928/20230928031929133.png', title: '“全国劳模”田象霞社区足迹', tab: '互动H5', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13228.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0328/20230328033311271.png', title: '济南市第十二次党代会知识大闯关', tab: '互动H5', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13136.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0328/20230328033138120.png', title: '奔跑吧济南', tab: '互动H5', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13135.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0328/20230328032834285.png', title: '这就是非法集资', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13134.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0328/20230328032729671.png', title: '文明交通', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13133.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0328/20230328032440275.jpg', title: '绿码出行告别疫情', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13132.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0328/20230328032335334.jpg', title: '共抗疫情你我同行', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13131.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0928/20230928030815585.png', title: '辟谣漫画之养老诈骗', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13130.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0328/20230328021414303.jpg', title: '没有一个春天不会到来', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0629/13129.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0710/20230710095629231.png', title: '济小审100秒弘扬宪法精神坚持依法审计第二期', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0628/14278.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0710/20230710095758750.png', title: '济小审100秒什么是“国家审计”？', tab: ' MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0628/14277.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0710/20230710095809309.png', title: '济小审100秒明确一二三四工作思路', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0628/14276.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0710/20230710095822534.png', title: '济小审100秒坚持依法审计坚守审计初心第一期', tab: 'MG动画', url: 'http://zhuanti.e23.cn/2023/zuopin_0628/14275.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0628/20230628053302426.png', title: '济南审计卡通形象“济小审”', tab: 'IP形象', url: 'http://zhuanti.e23.cn/2023/zuopin_0628/14115.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0628/20230628052944618.gif', title: '济南电商直播节吉祥物“叮咚”表情包', tab: '表情包', url: 'http://zhuanti.e23.cn/2023/zuopin_0628/14114.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0628/20230628051356638.png', title: '济南市直播节吉祥物', tab: 'IP形象', url: 'http://zhuanti.e23.cn/2023/zuopin_0628/14113.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0628/20230628044749555.png', title: '起步区城管的普法动漫形象', tab: '起步区城管的普法动漫形象', url: 'http://zhuanti.e23.cn/2023/zuopin_0628/14112.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0406/20230406110344457.jpg', title: '疫往直前', tab: '手绘海报', url: 'http://zhuanti.e23.cn/2023/zuopin_0627/13253.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0625/20230625032116776.jpg', title: '七彩娃-系列表情包', tab: '表情包', url: 'http://zhuanti.e23.cn/2023/zuopin_0625/14084.html' }, { src: 'http://zhuanti.e23.cn/uploadfile/2023/0625/20230625032031839.jpg', title: '七彩娃-泉水节', tab: 'IP形象', url: 'http://zhuanti.e23.cn/2023/zuopin_0625/14083.html' }, ]; $(function () { /*瀑布流开始*/ var container = $('.waterfull ul'); var loading = $('#imloading'); // 初始化loading状态 loading.data("on", true); /*判断瀑布流最大布局宽度，最大为1280*/ function tores() { var tmpWid = $(window).width(); if (tmpWid > 1280) { tmpWid = 1280; } else { var column = Math.floor(tmpWid / 320); tmpWid = column * 320; } $('.waterfull').width(tmpWid); } tores(); $(window).resize(function () { tores(); }); container.imagesLoaded(function () { container.masonry({ columnWidth: 320, itemSelector: '.item', isFitWidth: true,// 是否根据浏览器窗口大小自动适应默认false isAnimated: true,// 是否采用jquery动画进行重拍版 isRTL: false,// 设置布局的排列方式，即：定位砖块时，是从左向右排列还是从右向左排列。默认值为false，即从左向右 isResizable: true,// 是否自动布局默认true animationOptions: { duration: 800, easing: 'easeInOutBack', // 如果你引用了jQeasing这里就可以添加对应的动态动画效果，如果没引用删除这行，默认是匀速变化 queue: false// 是否队列，从一点填充瀑布流 } }); }); let current = 0; let limit = 10; getData() $('#imloading').click(function() { getData() }) function getData(){ let html = '' for (var i = current; i < current + limit; i++) { if(!images[i]){ $('#imloading img').css('display','none') $('#imloading p').css('display','block') return } html += `<li class="item" style="opacity:0"><a href="${images[i].url}" style="text-decoration: none !important;"><div class="water_box"><img src="${images[i].src}" alt="" class="water_box_t"><div class="water_box_m">${images[i].title}</div><div class="water_box_b"><div class="water_box_b_l">${images[i].tab}</div><div class="water_box_b_r">详情<img src="http://zhuanti.e23.cn/statics/dongman/pc/img/arrow.png" alt=""></div></div></div></a></li>` } current = current + limit + 1 $newElems = $(html) container.append($newElems); container.imagesLoaded(function() { container.masonry('appended', $newElems, true); $newElems.animate({ opacity: 1 }); }) } }) </script> <script> document.oncontextmenu=new Function("event.returnValue=false"); document.onselectstart=new Function("event.returnValue=false"); var swiperss = new Swiper('.swiper-containermode', { navigation: { nextEl: '.swiper-button-nextmode', prevEl: '.swiper-button-prevmode', }, pagination: { el: '.swiper-paginationmode', }, }); </script> </html>

CINXE.COM

舜网动漫