ENet option effect

Source: Internet
Author: User
Tags flush rtrim setinterval tagname visibility
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><!--BODY {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: "宋体",Arial}IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}DIV {OVERFLOW: hidden}P {MARGIN: 0px}A {COLOR: #123a78; TEXT-DECORATION: none}A:hover {COLOR: #c22200; TEXT-DECORATION: underline}.bg_bt1 A:hover {COLOR: #fff}.bj_bt4 A:hover {COLOR: #ffffff}.ddiv A:hover {BACKGROUND: #fff; OVERFLOW: hidden; WORD-BREAK: break-all; WHITE-SPACE: nowrap; POSITION: absolute; WORD-WRAP: break-word}.channel_header H1 A:hover {COLOR: #fff}.sec_fla_logo_bot LI A:hover {FONT-WEIGHT: bold; COLOR: #123a78; LINE-HEIGHT: 18px}.pd2_navbg LI A:hover {COLOR: #000}.channel_main LI A:hover {TEXT-DECORATION: none}.globalMenu LI A:hover {COLOR: #000}.cpcx {BORDER-RIGHT: #72b8f3 1px solid; BORDER-TOP: #72b8f3 1px solid; BORDER-LEFT: #72b8f3 1px solid; WIDTH: 318px; BORDER-BOTTOM: #72b8f3 1px solid}.xjj_list {BACKGROUND: #e5f6fe; WORD-SPACING: 2px; WIDTH: 318px}.xjj_t1 {CLEAR: both; PADDING-RIGHT: 9px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; BACKGROUND: url(yun_qi_img/index_50.gif) repeat-x; PADDING-BOTTOM: 0px; COLOR: #193370; LINE-HEIGHT: 20px; PADDING-TOP: 0px; HEIGHT: 20px}.xjj_t1 A {FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: right; COLOR: #193370}.xjj_hq {PADDING-RIGHT: 12px; PADDING-LEFT: 9px; MIN-HEIGHT: 212px; BACKGROUND: url(yun_qi_img/cpcx_m1.jpg) repeat-x; PADDING-BOTTOM: 0px; OVERFLOW: visible; WIDTH: 297px; PADDING-TOP: 15px}.xjj_publ {MARGIN-BOTTOM: 4px; HEIGHT: 28px}.xjj_publ A {FLOAT: left; COLOR: #1e3470; PADDING-TOP: 7px; TEXT-ALIGN: center}.xjj_publ A:hover {TEXT-DECORATION: none}A.xjj_hq1 {BACKGROUND: url(yun_qi_img/hq_3.gif) no-repeat; WIDTH: 43px; MARGIN-RIGHT: 5px; HEIGHT: 21px}A.xjj_hq2 {BACKGROUND: url(yun_qi_img/hq_2.gif) no-repeat; WIDTH: 57px; HEIGHT: 21px}A.xjj_hq3 {BACKGROUND: url(yun_qi_img/hq_1.gif) no-repeat; WIDTH: 69px; MARGIN-RIGHT: 7px; HEIGHT: 21px}A.xjj_hq4 {BACKGROUND: url(yun_qi_img/hq_1.gif) no-repeat; WIDTH: 69px; HEIGHT: 21px}.xjj_publ1 {BACKGROUND: url(yun_qi_img/hq_bg.gif) repeat-x; HEIGHT: 28px}.xjj_publ1 A {FLOAT: left; COLOR: #1e3470; PADDING-TOP: 7px; TEXT-ALIGN: center}.xjj_publ1 A:hover {TEXT-DECORATION: none}.xjj_publ2 {CLEAR: both; BORDER-RIGHT: #70c1f8 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #70c1f8 1px; DISPLAY: none; PADDING-LEFT: 7px; BACKGROUND: #f6fafb; MARGIN-BOTTOM: 7px; PADDING-BOTTOM: 5px; BORDER-LEFT: #70c1f8 1px solid; WIDTH: 285px; LINE-HEIGHT: 20px; PADDING-TOP: 5px; BORDER-BOTTOM: #70c1f8 1px solid}.xjj_publ2 A:hover {COLOR: #000}A.xjj_hq04 {BACKGROUND: url(yun_qi_img/hq_01.gif) no-repeat; WIDTH: 69px; HEIGHT: 21px}A.xjj_hq03 {BACKGROUND: url(yun_qi_img/hq_01.gif) no-repeat; WIDTH: 69px; MARGIN-RIGHT: 7px; HEIGHT: 21px}A.xjj_hq02 {BACKGROUND: url(yun_qi_img/hq_02.gif) no-repeat; WIDTH: 57px; HEIGHT: 21px}A.xjj_hq01 {BACKGROUND: url(yun_qi_img/hq_03.gif) no-repeat; WIDTH: 43px; MARGIN-RIGHT: 5px; HEIGHT: 21px}.lyxx_tit1 A:link {COLOR: #c32500; TEXT-DECORATION: none}.lyxx_tit1 A:visited {COLOR: #c32500; TEXT-DECORATION: none}.bottom_about A:link {COLOR: #153b7c}.bottom_about A:visited {COLOR: #153b7c}.bottom_left A:link {COLOR: #000}.bottom_left A:visited {COLOR: #000}--></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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.