ENet option effect

Last Update:2017-01-13 Source: Internet

Author: User

Tags flush rtrim setinterval tagname visibility

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Tip: you can modify some code before running

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>ENet Silicon Valley power_special effects</tITLE><META http-equiv=Content-Type content="text/html; charset=gb2312"><style type=text/css></style><SCRIPT type=text/javascript>Ycn = window. ycnui | |{}; ycn. common = new function () {this. lTrim = function (I) {return I. replace (/^ \ s */, "") ;}; this. rTrim = function (I) {return I. replace (/\ s * $/, "") ;}; this. trim = function (I) {return this. rTrim (this. lTrim (I) ;}; this. getEl = function (I) {if (! Document. getElementById) return false; if (typeof I = "string") {return document. getElementById (I) ;}else {return I ;}}; this. getElByClassName = function (t, n, s, el) {var el = (el )? El: document; var itm = el. getElementsByTagName (t); var num = 1; for (I = 0; I<itm.length;i++){if(itm[i].className===n&&s===num){return itm[i];}else if(itm[i].className===n){num++;}}return false;};this.isIE6=function(){return navigator.userAgent.search('MSIE')>0 & navigator. userAgent. search ('6')> 0;} this. isIE = function () {return navigator. userAgent. search ('msie ')> 0;} this. isOpera = function () {return navigator. userAgent. indexOf ('Opera ')>-1;} this. isMoz = function () {return navigator. userAgent. indexOf ('mozilla/5. ')>-1;} this. setCookie = function (cn, cv, d, dm) {var now = new Date (); var expire = new Date (); if (d = null | d = 0) d = 1; expire. setTime (now. getTime () + 3600000*24 * d); document. Cookie = cn + "=" + escape (cv) + "; expires =" + expire. toGMTString () + "; domain =" + dm;} this. deleteCookie = function (cn, dm) {if (getCookie (name) {document. cookie = cn + "=" + (domain )? "; Domain =" + dm: "") + "; expires = Thu, 01-Jan-70 00:00:01 GMT" ;}} this. getCookie = function (cn) {var dc = document. cookie; var prefix = cn + "="; var begin = dc. indexOf (";" + prefix); if (begin =-1) {begin = dc. indexOf (prefix); if (begin! = 0) return null;} else {begin + = 2;} var end = document. cookie. indexOf (";", begin); if (end =-1) {end = dc. length;} return unescape (dc. substring (begin + prefix. length, end ));}};</sCRIPT><SCRIPT type=text/javascript>Ycn = window. ycn | {}; ycn. event = {addEvent: function (obj, evType, fn) {if (obj. addEventListener) {obj. addEventListener (evType, fn, false); return true;} else if (obj. attachEvent) {var r = obj. attachEvent ("on" + evType, fn); ycn. eventCache. add (obj, evType, fn); return r;} else {return false ;}}, removeEvent: function (obj, evType, fn) {if (obj. removeEventListener) {obj. removeEventListener (evType, fn, false); return true;} else if (obj. deta ChEvent) {var r = obj. detachEvent ("on" + evType, fn); return r ;}else {return false ;}, getEvent: function (e) {e = window. event | e;e.leftbutton?false=if(e.srcelement={null&e.tar get! Using null00000000e.srcelement0000e.tar get; e. leftButton = (e. button = 1);} else if(e.tar get = null & e. srcElement! Export null00000000e.tar get = e. srcElement; e. leftButton = (e. button = 0);} else if (e. srcElement! =Null&e.tar get! = Null) {} else {return null}if(document.body&document.doc umentElement) {e. mouseX = e. pageX | (e.clientX+Math.max(document.body.scrollLeft,document.doc umentElement. scrollLeft); e. mouseY = e. pageY | (e.clientymatmath.max(document.body.scrolltop,document.doc umentElement. scrollTop);} else {e. mouseX =-1; e. mouseY =-1;} return e;}, stopEvent: function (e) {if (e & e. cancelBubble! = Null) {e. cancelBubble = true; e. returnValue = false;} if (e & e. stopPropagation & e. preventDefault) {e. stopPropagation (); e. preventDefault () ;}return false ;}}; ycn. eventCache = function () {var listeven TS = []; return {listeven ts: listeven TS, add: function (node, sEventName, fHandler, bCapture) {listeven TS [listeven TS. length] = arguments;}, flush: function () {var I, item; for (I = listeven TS. length-1; I> = 0; I = i-1) {item = listeven TS [I]; if (ite M [0]. removeEventListener) {item [0]. removeEventListener (item [1], item [2], item [3]) ;}; if (item [1]. substring (0, 2 )! = "On") {item [1] = "on" + item [1] ;}; if (item [0]. detachEvent) {item [0]. detachEvent (item [1], item [2]) ;}; item [0] [item [1] = null ;}};} (); ycn. event. addEvent (window, "unload", ycn. eventCache. flush); function error_handler (a, B, c) {window. status = (c + "\ n" + B + "\ n" + a + "\ n" + error_handler.caller); return true ;}</sCRIPT><SCRIPT type=text/javascript>Var pa_m = {wait_timer: null, pa_cur_con: null, pa_cur_pre: null, pa_con_height: 80, is_in_anim: false}; function init_pa_tabs (is_login) {var pa = ycn. common. getEl ('pabd'); var patabs1 = ycn. common. getEl ('patters1'); var patabs2 = ycn. common. getEl ('patters2'); var patabs3 = ycn. common. getEl ('patters3'); var patabs4 = ycn. common. getEl ('patabs4 '); if (! Pa |! Patabs1 |! Patabs2 |! Patabs3 |! Patabs4) return; var prediv = new Array; prediv [0] = ycn. common. getElByClassName ('div ', 'xjj _ publ2', 1, pa); prediv [1] = ycn. common. getElByClassName ('div ', 'xjj _ publ2', 2, pa); prediv [2] = ycn. common. getElByClassName ('div ', 'xjj _ publ2', 3, pa); prediv [3] = ycn. common. getElByClassName ('div ', 'xjj _ publ2', 4, pa); if (! Prediv [0] |! Prediv [1] |! Prediv [2] |! Prediv [3]) {return;} var tabs1 = patabs1.getElementsByTagName ('A'); var tabs2 = require ('A'); var tabs3 = patabs3.getElementsByTagName ('A '); var tabs4 = patabs4.getElementsByTagName ('A'); for (var I = 0; I<tabs1.length;i++){ycn.Event.addEvent(tabs1[i],'mouseover',do_wait_open);}for(var i=0;i<tabs2.length;i++){ycn.Event.addEvent(tabs2[i],'mouseover',do_wait_open);}for(var i=0;i<tabs3.length;i++){ycn.Event.addEvent(tabs3[i],'mouseover',do_wait_open);}for(var i=0;i<tabs4.length;i++){ycn.Event.addEvent(tabs4[i],'mouseover',do_wait_open);}ycn.Event.addEvent(pa,'mouseout',close_pa_preview);ycn.Event.addEvent(pa,'mouseover',keep_pa_preview);//ycn.Event.addEvent(prediv[0],'mouseover',keep_pre_con);//ycn.Event.addEvent(prediv[1],'mouseover',keep_pre_con);//if(ycn.Common.getEl('patop'))//{//ycn.Event.addEvent(ycn.Common.getEl('patop'),'mouseover',function(){if(pa_m.wait_timer){clearTimeout(pa_m.wait_timer);}});//}}function do_wait_open(e){if(ycn.Common.isIE()){var el=window.event.srcElement;}else{var el=this;}while(el.tagName.toLowerCase()!='a'&&el.tagName.toLowerCase()!='body'){el=el.parentNode;}if(el.tagName.toLowerCase()!='a'){return;}//el=el.getElementsByTagName('a')[0];if(pa_m.wait_timer){window.clearTimeout(pa_m.wait_timer);}pa_m.wait_timer=window.setTimeout(function(){disp_pa_preview(el);},100);}function disp_pa_preview(el){var p=el.parentNode;while(p.tagName.toLowerCase()!='div'&&p.tagName.toLowerCase()!='body'){p=p.parentNode;}if(p.tagName.toLowerCase()!='div'){return;}var con=ycn.Common.getEl(p.id+"previewdiv");if(!con){return;}if(pa_m.pa_cur_pre!=null){var o_id = ycn.Common.getEl(pa_m.pa_cur_pre);var s = o_id.className.replace("0","");o_id.className = s;}pa_m.pa_cur_pre=el.id;el.className = "xjj_hq0"+el.className.substring(6);if(pa_m.pa_cur_con!=null&&pa_m.pa_cur_con!=con){con.innerHTML='';var o_con=pa_m.pa_cur_con;var o_tabs=ycn.Common.getEl(o_con.id.replace("previewdiv",""));o_tabs.className="xjj_publ";o_con.innerHTML='';var m=(o_con.offsetHeight)?o_con.offsetHeight:pa_m.pa_con_height;o_con.style.visibility="hidden";o_con.style.overflow="hidden";var close_con=function(){m-=30;if(m<=0){o_con.style.height=0;o_con.style.display="none";window.clearInterval(tt_1)}else{o_con.style.height=m+"px";}}var tt_1=window.setInterval(close_con,10);}var class_name="xjj_publ1";var n=(con.offsetHeight)?con.offsetHeight:0;pa_m.is_in_anim=true;pa_m.pa_cur_con=con;con.style.visibility="visible";con.style.display="block";con.style.overflow="hidden";con.className="xjj_publ2";if(el.parentNode.className!=class_name){el.parentNode.className=class_name;}var open_con=function(){n+=30;if(n>= Pa_m.pa_con_height) {// con. style. height = pa_m.pa_con_height + "px"; con. style. height = ""; con. style. overflow = "visible"; pa_m.is_in_anim = false; pa_preview_cont (con, el. id); window. clearInterval (tt_0);} else {con. style. height = n + "px" ;}} var tt_0 = window. setInterval (open_con, 10);} function pa_preview_cont (pa, id) {var con = ycn. common. getEl (id + "_ con"); pa. innerHTML = con. innerHTML;} function close_pa_preview (e) {pa_m.is_ I N_pa = false; if (pa_m.wait_timer) {window. clearTimeout (pa_m.wait_timer);} pa_m.wait_close_timer = window. setTimeout (function () {do_close_pa (e)}, 400); ycn. event. stopEvent (ycn. event. getEvent (e);} function do_close_pa (e) {if (pa_m.is_in_anim) {return;} pa_m.is_in_anim = true; var o_con = pa_m.pa_cur_con; if (! O_con) {pa_m.is_in_anim = false; return;} if (ycn. common. getEl (o_con.id.replace ("previewdiv", "") {var o_tabs = ycn. common. getEl (o_con.id.replace ("previewdiv", ""); o_tabs.className = "xjj_publ"; var o_id = ycn. common. getEl (pa_m.pa_cur_pre); var s = o_id.className.replace ("0", ""); o_id.className = s;} var m = (o_con.offsetHeight )? O_con.offsetHeight: pa_m.pa_con_height; o_con.innerHTML = ''; metadata =" hidden "; metadata =" hidden "; var close_con = function () {m-= 30; if (m <= 0) {o_con.style.height = 0; o_con.style.display = "none"; pa_m.is_in_anim = false; pa_m.pa_cur_con = null; pa_m.pa_cur_pre = null; window. clearInterval (pa_m.close_timer);} else {o_con.style.height = m + "px" ;}} pa_m.close_timer = window. setInterval (close_con, 1);} functio N keep_pa_preview (e) {pa_m.is_in_pa = true; if (pa_m.wait_close_timer! = Null) {window. clearTimeout (pa_m.wait_close_timer);} ycn. Event. stopEvent (ycn. Event. getEvent (e ));}</sCRIPT><META content="MSHTML 6.00.2900.3268" name=GENERATOR></hEAD><BODY><DIV class=cpcx><DIV class=xjj_list id=pabd><DIV class=xjj_t1 id=patop>Query all quoted products</dIV><DIV class=xjj_hq><DIV class=xjj_publ id=patabs1>Digital communication office consumables digital appliances</dIV><DIV class=xjj_publ2 id=patabs1previewdiv></dIV><DIV class=xjj_publ id=patabs2>Host accessories external accessories mobile storage network devices</dIV><DIV class=xjj_publ2 id=patabs2previewdiv></dIV><DIV class=xjj_publ id=patabs3>Photography accessories display device network storage wireless network</dIV><DIV class=xjj_publ2 id=patabs3previewdiv></dIV><DIV class=xjj_publ id=patabs4>Software product speech and video room wiring Boutique Pavilion</dIV><DIV class=xjj_publ2 id=patabs4previewdiv></dIV><DIV id=patab11_con >Desktop 1 Notebook 1 server 1 workstation 1</dIV><DIV id=patab12_con >Desktop 2 laptop 2 Server 2 workstation 2</dIV><DIV id=patab13_con >Desktop 2 Desktop 2 Desktop 2 Desktop 2</dIV><DIV id=patab14_con >Notebook 3 notebook 3 notebook 3 notebook 3</dIV><DIV id=patab15_con >Workstation 4 workstation 4 workstation 4</dIV><DIV id=patab16_con >Notebook 5 notebook 5 notebook 5 notebook 5</dIV><DIV id=patab21_con >Desktop 6 Desktop 6 Desktop 6 Desktop 6</dIV><DIV id=patab22_con >Server 7 Server 7 Server 7 Server 7</dIV><DIV id=patab23_con >Minicomputer 9 minicomputer 9 minicomputer 9 minicomputer 9</dIV><DIV id=patab24_con >Workstation 10 workstation 10 workstation 10 workstation</dIV><DIV id=patab31_con >Notebook 11 Notebook 11 Notebook 11 Notebook 11</dIV><DIV id=patab32_con >Desktop 12 desktop 12 desktop 12 desktop 12</dIV><DIV id=patab33_con >Workstation 13 workstation 13 workstation 13</dIV><DIV id=patab34_con >Industrial production 14 industrial production 14 industrial production 14 industrial production 14 industrial production 14</dIV><DIV id=patab41_con >Server 15 server 15 server 15 server 15</dIV><DIV id=patab42_con >Desktop 16 desktop 16 desktop 16 desktop 16</dIV><DIV id=patab43_con >Minicomputers 17 minicomputers 17 minicomputers 17 minicomputers 17</dIV><DIV id=patab44_con >Server 18 server 18 server 18 server 18</dIV></dIV></dIV><SCRIPT>Init_pa_tabs ();</sCRIPT></dIV>Snow curtain Tianya provides Note: Learn to download three JS<br />If the effect is not good, click the Save button to save it to your local computer, and then use IE to open the special browsing effect.<br />Http://www.enet.com.cn/home/js/ycncommon.js<br />Http://www.enet.com.cn/home/js/ycnevent.js<br />Http://www.enet.com.cn/home/js/ycnlib314.js<br /></bODY></hTML>

Tip: you can modify some code before running

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

ENet option effect

Contact Us

What's Trending

Top 10 Tags

Top 10 Keywords

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support

ENet option effect

Contact Us

What's Trending

Top 10 Tags

Top 10 Keywords

Trending Topic

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support