{"id":60150,"date":"2025-04-24T10:54:59","date_gmt":"2025-04-24T02:54:59","guid":{"rendered":"https:\/\/fwq.ai\/blog\/60150\/"},"modified":"2025-04-24T10:54:59","modified_gmt":"2025-04-24T02:54:59","slug":"%e5%b0%86ecshop%e7%9a%84%e9%a6%96%e9%a1%b5%e4%b8%bb%e5%b9%bf%e5%91%8a%e8%bd%ae%e6%92%ad%e6%9b%bf%e6%8d%a2%e4%b8%bacssjs%e5%a5%bd%e6%a8%a1%e6%9d%bf%e6%96%b9%e6%b3%95%e4%b8%80-2","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/60150\/","title":{"rendered":"\u5c06ECSHOP\u7684\u9996\u9875\u4e3b\u5e7f\u544a\u8f6e\u64ad\u66ff\u6362\u4e3aCSS+JS,\u597d\u6a21\u677f\u65b9\u6cd5\u4e00"},"content":{"rendered":"<p>\u6548\u679c\u5982\u4e0b\u56fe\uff1a<br \/>\n<img decoding=\"async\" src=\"https:\/\/www.ldhost.cn\/helphmb\/uploads\/allimg\/120319\/00443252A-0.jpg\" class=\"aligncenter\" title=\"\u5c06ECSHOP\u7684\u9996\u9875\u4e3b\u5e7f\u544a\u8f6e\u64ad\u66ff\u6362\u4e3aCSS+JS,\u597d\u6a21\u677f\u65b9\u6cd5\u4e00\u63d2\u56fe\" alt=\"\u5c06ECSHOP\u7684\u9996\u9875\u4e3b\u5e7f\u544a\u8f6e\u64ad\u66ff\u6362\u4e3aCSS+JS,\u597d\u6a21\u677f\u65b9\u6cd5\u4e00\u63d2\u56fe\" \/>   1.\u5c06\u4ee5\u4e0b\u4ee3\u7801\u5b58\u4e3aform_css-js.js   &nbsp;   \/* Flash\u9996\u9875\u4e3b\u5e7f\u544a\u8f6e\u64ad\u66ff\u6362\u4e3aJs\u8f6e\u64ad &#8211; www.ldhost.cn *\/   &nbsp;   var glide =new function(){   function $id(id){return document.getElementById(id);};   this.layerGlide=function(auto,oEventCont,oSlider,sSingleSize,second,fSpeed,point){   &nbsp; var oSubLi = $id(oEventCont).getElementsByTagName(&#8216;li&#8217;);   &nbsp; var interval,timeout,oslideRange;   &nbsp; var time=1;   &nbsp; var speed = fSpeed   &nbsp; var sum = oSubLi.length;   &nbsp; var a=0;   &nbsp; var delay=second * 1000;   &nbsp; var setValLeft=function(s){   &nbsp; &nbsp;return function(){   &nbsp; &nbsp; oslideRange = Math.abs(parseInt($id(oSlider).style[point]));   &nbsp; &nbsp; $id(oSlider).style[point] =-Math.floor(oslideRange+(parseInt(s*sSingleSize) &#8211; oslideRange)*speed) +&#8217;px&#8217;;   &nbsp; &nbsp; if(oslideRange==[(sSingleSize * s)]){   &nbsp; &nbsp; &nbsp;clearInterval(interval);   &nbsp; &nbsp; &nbsp;a=s;   &nbsp; &nbsp; }   &nbsp; &nbsp;}   &nbsp; };   &nbsp;   &nbsp; var setValRight=function(s){   &nbsp; &nbsp;return function(){   &nbsp; &nbsp; oslideRange = Math.abs(parseInt($id(oSlider).style[point]));   &nbsp; &nbsp; $id(oSlider).style[point] =-Math.ceil(oslideRange+(parseInt(s*sSingleSize) &#8211; oslideRange)*speed) +&#8217;px&#8217;;   &nbsp; &nbsp; if(oslideRange==[(sSingleSize * s)]){   &nbsp; &nbsp; &nbsp;clearInterval(interval);   &nbsp; &nbsp; &nbsp;a=s;   &nbsp; &nbsp; }   &nbsp; &nbsp;}   &nbsp; }   &nbsp;   &nbsp; function autoGlide(){   &nbsp; &nbsp;for(var c=0;c&lt;sum;c++){oSubLi1.className=&#8221;;};   &nbsp; &nbsp;clearTimeout(interval);   &nbsp; &nbsp;if(a==(parseInt(sum)-1)){   &nbsp; &nbsp; for(var c=0;c&lt;sum;c++){oSubLi1.className=&#8221;;};   &nbsp; &nbsp; a=0;   &nbsp; &nbsp; oSubLi[a].className=&#8221;active&#8221;;   &nbsp; &nbsp; interval = setInterval(setValLeft(a),time);   &nbsp; &nbsp; timeout = setTimeout(autoGlide,delay);   &nbsp; &nbsp;}else{   &nbsp; &nbsp; a++;   &nbsp; &nbsp; oSubLi[a].className=&#8221;active&#8221;;   &nbsp; &nbsp; interval = setInterval(setValRight(a),time);   &nbsp; &nbsp; timeout = setTimeout(autoGlide,delay);   &nbsp; &nbsp;}   &nbsp; }   &nbsp;   &nbsp; if(auto){timeout = setTimeout(autoGlide,delay);};   &nbsp; for(var i=0;i&lt;sum;i++){   &nbsp; &nbsp;oSubLi[i].onmouseover = (function(i){   &nbsp; &nbsp; return function(){   &nbsp; &nbsp; &nbsp;for(var c=0;c&lt;sum;c++){oSubLi1.className=&#8221;;};   &nbsp; &nbsp; &nbsp;clearTimeout(timeout);   &nbsp; &nbsp; &nbsp;clearInterval(interval);   &nbsp; &nbsp; &nbsp;oSubLi[i].className=&#8221;active&#8221;;   &nbsp; &nbsp; &nbsp;if(Math.abs(parseInt($id(oSlider).style[point]))&gt;[(sSingleSize * i)]){   &nbsp; &nbsp; &nbsp; interval = setInterval(setValLeft(i),time);   &nbsp; &nbsp; &nbsp; this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};};   &nbsp; &nbsp; &nbsp;}else if(Math.abs(parseInt($id(oSlider).style[point]))&lt;[(sSingleSize * i)]){   &nbsp; &nbsp; &nbsp; &nbsp;interval = setInterval(setValRight(i),time);   &nbsp; &nbsp; &nbsp; this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};};   &nbsp; &nbsp; &nbsp;}   &nbsp; &nbsp; }   &nbsp; &nbsp;})(i)   &nbsp; }   }   }   glide.layerGlide(true,&#8217;icon_num&#8217;,&#8217;show_pic&#8217;,710,3,0.1,&#8217;left&#8217;);\/*5\u662f\u8f6e\u64ad\u901f\u5ea6\u8bbe\u7f6e*\/   2.\u540e\u53f0\u7ba1\u7406&gt;\u9996\u9875\u4e3b\u5e7f\u544a\u7ba1\u7406&gt;\u81ea\u5b9a\u4e49 &nbsp;\u529f\u80fd\u5185\uff0c\u63d2\u5165\u4ee5\u4e0b\u4ee3\u7801\uff0c\u5e7f\u544a\u7c7b\u578b\u9009\u62e9[\u4ee3\u7801]\uff1a   &nbsp;   &lt;script src=&#8221;js\/form_css-js.js&#8221; type=text\/javascript&gt;&lt;\/script&gt;   <\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6548\u679c\u5982\u4e0b\u56fe\uff1a 1.\u5c06\u4ee5\u4e0b\u4ee3\u7801\u5b58\u4e3aform_css-js.js &nbsp; \/* Flash\u9996\u9875\u4e3b\u5e7f\u544a\u8f6e\u64ad\u66ff\u6362\u4e3aJs\u8f6e\u64ad &#8211; www.ldhost.cn *\/ &nbsp; var glide =new function(){ function $id(id){return document.getElementById(id);}; this.layerGlide=function(auto,oEventCont,oSlider,sSingleSize,second,fSpeed,point){ &nbsp; var oSubLi = $id(oEventCont).getElementsByTagName(&#8216;li&#8217;); &nbsp; var interval,timeout,oslideRange; &nbsp; var time=1; &nbsp; var speed = fSpeed &nbsp; var sum = oSubLi.length; &nbsp; var a=0; &nbsp; var delay=second * 1000; &nbsp; var setValLeft=function(s){ &nbsp; &nbsp;return function(){ &nbsp; &nbsp; oslideRange [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-60150","post","type-post","status-publish","format-standard","hentry","category-16"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/60150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=60150"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/60150\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=60150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=60150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=60150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}