/*导航初始化*/ layui.use('element',function(){ let element = layui.element; }) /*layer*/ var layer; layui.use('layer', function(){ layer = layui.layer; }); function bookmark(title,url) { var ua = navigator.useragent.tolowercase(); if (ua.indexof("360se") > -1) { layer.alert("由于360浏览器功能限制,请按 ctrl+d 手动收藏!"); } else if (ua.indexof("msie 8") > -1) { window.external.addtofavoritesbar(url, title); //ie8 } else if (document.all) { try{ window.external.addfavorite(url, title); }catch(e){ layer.alert('您的浏览器不支持,请按 ctrl+d 手动收藏!'); } } else if (window.sidebar) { window.sidebar.addpanel(title, url, ""); } else { layer.alert('您的浏览器不支持,请按 ctrl+d 手动收藏!'); } } /*手机导航*/ $(function(){ $("img.lazyload").lazyload({ effect: "fadein", }); /*图片懒加载*/ layui.use('flow', function(){ var flow = layui.flow; flow.lazyimg(); }); /*返回顶部*/ layui.use('util', function(){ var util = layui.util; //执行 util.fixbar(); }); /*拓展方法*/ $.fn.marquee = function(){ let ele = $(this) let ul = $(ele).find("ul")[0] if(!ul) return; let li = ul.getelementsbytagname("li") let speed= 1; ul.innerhtml+=ul.innerhtml ul.style.height= (li.length * li[0].offsetheight )/2 +"px"; ele.height((li.length * li[0].offsetheight )/4 +"px") function run() { if (ul.offsettop < - li[0].offsetheight*3 ) { ul.style.top = "0" } else if (ul.offsettop > 0) { ul.style.top = -li[0].offsetheight /2 + "px" } ul.style.top = ul.offsettop - speed + "px" } let timer = setinterval(run, 30) $(ele).mouseover(function(){ clearinterval(timer) }) $(ele).mouseout(function(){ timer = setinterval(run, 30) }) } $(".icon-menu").click(function(){ $(".layui-nav.layui-hide-md").css("left","0px") }) $(".icon-close").click(function(){ $(".layui-nav.layui-hide-md").css("left","-200px") }) /*相关产品滚动*/ $(".product-box").marquee(); let width = window.screen.width if(width < 768){ layui.use('carousel',function(){ let carousel = layui.carousel; carousel.render({ elem:'#lunbo', width:"100%", height:'250px', arrow:'always', }) }) layui.use('carousel',function(){ let carousel = layui.carousel; carousel.render({ elem:'#rongyu', width:"100%", height:'150px', arrow:'hover', //anim:'updown', indicator:'none' }) }) } })