/* This file and its contents are (c) Angus Turnbull, 2004-2005. All Rights Reserved. Copying this entire file and using it on other websites is EXPRESSLY FORBIDDEN. Instead, get a new copy of the "FreeStyle Menu" script from my site, which is what I use here, and come up with an original design! The effects are either located in the "extras" file shipped with the FreeStyle Menus, or at http://www.twinhelix.com/test/ */ if(top!=window){if(top.location.replace&&!window.opera)top.location.replace('http://www.twinhelix.com/');else setTimeout('top.location.href="http://www.twinhelix.com/"',500)}var isDOM=document.getElementById?1:0,isIE=document.all?1:0,isNS4=navigator.appName=='Netscape'&&!isDOM?1:0,isOp=self.opera?1:0,isDyn=isDOM||isIE||isNS4;function getRef(i,p){p=!p?document:p.navigator?p.document:p;return isIE?p.all[i]:isDOM?(p.getElementById?p:p.ownerDocument).getElementById(i):isNS4?p.layers[i]:null};function getSty(i,p){var r=getRef(i,p);return r?isNS4?r:r.style:null};if(!self.LayerObj)var LayerObj=new Function('i','p','this.ref=getRef(i,p);this.sty=getSty(i,p);return this');function getLyr(i,p){return new LayerObj(i,p)};function LyrFn(n,f){LayerObj.prototype[n]=new Function('var a=arguments,p=a[0],px=isNS4||isOp?0:"px";with(this){'+f+'}')};LyrFn('x','if(!isNaN(p))sty.left=p+px;else return parseInt(sty.left)');LyrFn('y','if(!isNaN(p))sty.top=p+px;else return parseInt(sty.top)');function addEvent(o,n,f,l){var a='addEventListener',h='on'+n;if(o[a]&&!l)return o[a](n,f,false);if(o[h]){o._c|=0;var b='_b'+(++o._c);o[b]=o[h]}o[h]=function(e){e=e||self.event;var r=true;if(o[b])r=o[b](e)!=false&&r;o._f=f;r=o._f(e)!=false&&r;return r}};function FSMenu(myName,nested,cssProp,cssVis,cssHid){this.myName=myName;this.nested=nested;this.cssProp=cssProp;this.cssVis=cssVis;this.cssHid=cssHid;this.cssLitClass='';this.menus={root:new FSMenuNode('root',true,this)};this.menuToShow=[];this.mtsTimer=null;this.showDelay=0;this.switchDelay=125;this.hideDelay=500;this.showOnClick=0;this.animations=[];this.animSpeed=100};FSMenu.prototype.show=function(mN){with(this){menuToShow.length=arguments.length;for(var i=0;i100){counter=100}else if(counter<=0){counter=0;sty[cssProp]=cssHid}else if(isDOM)timer=setTimeout(myName+'.menus["'+id+'"].setVis('+sh+')',50)}}};FSMenu.prototype.activateMenu=function(id,subInd){with(this){if(!isDOM)return;var a,ul,li,mRoot=getRef(id),nodes,count=1;if(isIE){var aNodes=mRoot.getElementsByTagName('a');for(var i=0;i0)s.style.marginLeft=0.6*(1-frac)+'em'}if(noAnim)clearInterval(h1.animTimer);h1.style.visibility='visible'};var zoomVal=0;function zoom(val){if(!document.body||!document.body.style)return;zoomVal=(val?zoomVal+val:0);document.body.style.fontSize=(80+zoomVal*10)+'%'};function loadHandler(){if(!isDOM)return;var arrow=null;if(document.createElement&&document.documentElement){arrow=document.createElement('span');arrow.appendChild(document.createTextNode('>'));arrow.className='subind'}menu.activateMenu("menuroot",arrow);if(document.createTextNode){var ml=document.createElement('span');ml.setAttribute('id','menulock');addEvent(ml,'click',menuLock);ml.appendChild(document.createTextNode(''));getRef('navigation').appendChild(ml);if(document.cookie&&document.cookie.match(/menufloat:1/))menuLock()}if(!document.documentElement||(isIE&&!isOp&&(navigator.userAgent.indexOf('Mac')>-1)))return;h1Setup();var lt=document.createElement('div'),nav=getRef('navigation');lt.setAttribute('id','linktitle');nav.appendChild(lt);addEvent(nav,'mouseover',new Function('e','e=e||window.event;var lt=getRef("linktitle");if(lt){while(lt.firstChild)lt.removeChild(lt.firstChild);e=e.target||e.srcElement;while(e&&(!e.title&&!e.title_orig))e=e.parentNode;if(e&&e.getAttribute){var t=e.getAttribute("title");if(t){e.title_orig=t;e.setAttribute("title","")}lt.appendChild(document.createTextNode(e.title_orig));}}'));addEvent(nav,'mouseout',new Function('e','var lt=getRef("linktitle");if(lt)while(lt.firstChild)lt.removeChild(lt.firstChild)'));var pZoom=document.createElement('div');pZoom.setAttribute('id','pagezoom');var zControls=[['+X'.substring(0,1),'Zoom In','zoom(1)'],['0','Restore Original Zoom','zoom(0)'],['-','Zoom Out','zoom(-1)']];for(var c in zControls){var tmp=document.createElement('span');tmp.appendChild(document.createTextNode(zControls[c][0]));tmp.setAttribute('title',zControls[c][1]);addEvent(tmp,'click',new Function(zControls[c][2]));addEvent(tmp,'mouseover',new Function('this.className="zoomHover"'));addEvent(tmp,'mouseout',new Function('this.className=""'));pZoom.appendChild(tmp)}getRef('header').appendChild(pZoom);if(location.href.indexOf('twinhelix.com')==-1){var warning=document.createElement('div');warning.appendChild(document.createTextNode(' '));getRef('footer').appendChild(warning)}};if(navigator.userAgent.indexOf('KHTML')>-1)var safHack=setInterval('if(document.readyState=="complete"){clearInterval(safHack);loadHandler()}',100);else addEvent(window,'load',loadHandler);if(isDOM&&document.documentElement){document.write('')} //1 /** * 根据id获取对象 */ function $(id) { return document.getElementById(id); } /** * 添加页面加载完毕后要执行的方法 */ function addLoadEvent(func){ var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function(){ oldonload(); func(); } } } /** * 添加页面加载完毕后要执行的方法 */ function addOnLoadEvent(invoker, func){ var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = function() { func.apply(invoker); } } else { window.onload = function(){ oldonload(); func.apply(invoker); } } } /** * 扩展Array, 为原型增加一个判断是否包含传入的值的方法 */ Array.prototype.contains = function(_val) { for (var i = 0; i < this.length; i++) { if (this[i] == _val) { return true; } } return false; } /** * 增加一个扩展window.setTimeout的函数 */ var cusSetTimeout = function(invoker, fRef, mDelay) { if (typeof fRef == "function") { var argu = Array.prototype.slice.call(arguments, 3); var f = (function() { fRef.apply(invoker, argu); }); return setTimeout(f, mDelay); // window.setTimeout原来有返回值，这里重写也应该返回 } return setTimeout(fRef, mDelay); // 相当于setTimeout("test()", timeout); } /** * 增加一个扩展window.setInterval的函数 */ var cusSetInterval = function(invoker, fRef, mDelay) { if (typeof fRef == "function") { var argu = Array.prototype.slice.call(arguments, 3); var f = (function() { fRef.apply(invoker, argu); }); return setInterval(f, mDelay); // window.setInterval原来有返回值，这里重写也应该返回 } return setInterval(fRef, mDelay); // 相当于setInterval("test()", timeout); } //2 /** * 焦点图类. * 创建实例时, 需同时将实例名称传进去 *///欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 function FocusPicture(fname, ifocus, ifocus_piclist, ifocus_btn, normal, current, imageHeight, maxCurrentNum, autoChangeInterval) { this.instanceName = fname; // 类实例名称 this.ifocus = ifocus ? ifocus : "ifocus"; // 焦点图外围div的ID this.ifocusPicList = ifocus_piclist ? ifocus_piclist : "ifocus_piclist"; // 焦点图图片显示区域外围div的ID this.ifocusBtn = ifocus_btn ? ifocus_btn : "ifocus_btn"; // 焦点图感应按钮外转div的ID this.normalClassName = normal ? normal : "normal"; // 按钮正常时的class样式 this.currentClassName = current ? current : "current"; // 按钮选中时的class样式 this.imageHeight = imageHeight ? imageHeight : 397; // 图片高度, 用于图片滑动, 即滑动一张图片的高度 this.maxCurrentNum = maxCurrentNum ? maxCurrentNum : 2; // 最大当前选中的图片号, 从0开始, 3表示第四张 this.autoChangeInterval = autoChangeInterval ? autoChangeInterval : 4000; // 图片轮换的时间间隔, 单位为毫秒 this.isAutoChange = true; // 设置是否自动更换图片, 为true表示自动更换, 为false表示停止 this.slideSpeed = 20; // 图片滑行速度, 值越大, 速度越慢 this.invokeInterval = 5; // 循环调用moveElement函数的时间间隔, 单位为毫秒 this.setIsAutoChange = function(flag) { this.isAutoChange = flag; } /** * 设置图片滑动方法, 每调用一次, 调整一点, 循环调用调整到指定位置 * * @param elementID 图片div的ID * @param final_x 调整后的x坐标 * @param final_y 调整后的y坐标 */ this.moveElement = function(elementID, final_x, final_y) { if (!document.getElementById) return false; if (!document.getElementById(elementID)) return false; var elem = document.getElementById(elementID); if (elem.movement) { clearTimeout(elem.movement); } if (!elem.style.left) { elem.style.left = "0px"; } if (!elem.style.top) { elem.style.top = "0px"; } var xpos = parseInt(elem.style.left); var ypos = parseInt(elem.style.top); if (xpos == final_x && ypos == final_y) { return true; } if (xpos < final_x) { var dist = Math.ceil((final_x - xpos) / this.slideSpeed); xpos = xpos + dist; } if (xpos > final_x) { var dist = Math.ceil((xpos - final_x) / this.slideSpeed); xpos = xpos - dist; } if (ypos < final_y) { var dist = Math.ceil((final_y - ypos) / this.slideSpeed); ypos = ypos + dist; } if (ypos > final_y) { var dist = Math.ceil((ypos - final_y) / this.slideSpeed); ypos = ypos - dist; } elem.style.left = xpos + "px"; elem.style.top = ypos + "px"; elem.movement = cusSetTimeout(this, this.moveElement, this.invokeInterval, elementID, final_x, final_y); } /** * 设置按钮正常样式 */ this.classNormal = function(iFocusBtnID){ var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li'); // 按钮 for(var i=0; i < iFocusBtns.length; i++) { // 设置按钮和描述正常样式 iFocusBtns[i].className = this.normalClassName; } } /** * 设置按钮选中样式 */ this.classCurrent = function(iFocusBtnID, n){ if (n >= this.maxCurrentNum) { n = this.maxCurrentNum ; } var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li'); // 设置按钮和描述当前选中的样式 iFocusBtns[n].className = this.currentClassName; } /** * 页面加载完毕后执行方法. * */ this.iFocusChange = function() { //alert(this.ifocus + " " + $(this.ifocus) + " " + (this == window)); if (!$(this.ifocus)) return false; // 当前调用的实例对象 var instance = eval(this.instanceName); $(this.ifocus).instance = instance; // 鼠标经过时图片区域时停止轮转 $(this.ifocus).onmouseover = function() { this.instance.setIsAutoChange(false); }; // 鼠标离开时图片区域时继续轮转 $(this.ifocus).onmouseout = function() { this.instance.setIsAutoChange(true); }; var iFocusBtns = $(this.ifocusBtn).getElementsByTagName('li'); var listLength = iFocusBtns.length; this.maxCurrentNum = listLength -1 iFocusBtns[0].instance = instance; iFocusBtns[0].ifocusPicList = this.ifocusPicList; iFocusBtns[0].ifocusBtn = this.ifocusBtn; iFocusBtns[0].onmouseover = function() { this.instance.moveElement(this.ifocusPicList, 0, 0, 5); this.instance.classNormal(this.ifocusBtn); this.instance.classCurrent(this.ifocusBtn, 0); } for (var i = 1; i < listLength; i++) { iFocusBtns[i].instance = instance; iFocusBtns[i].ifocusPicList = this.ifocusPicList; iFocusBtns[i].ifocusBtn = this.ifocusBtn; iFocusBtns[i].value = i; iFocusBtns[i].yAxis = -i * this.imageHeight; iFocusBtns[i].onmouseover = function() { this.instance.moveElement(this.ifocusPicList, 0, this.yAxis); this.instance.classNormal(this.ifocusBtn); this.instance.classCurrent(this.ifocusBtn, this.value); // 直接把i设到this.value的位置就不行了, 调用时i会随for循环的改变而改变 } } }//欢迎来到站长特效网，我们的网址是http://myjs.jz123.cn，还有许多广告代码下载。 /** * 定时调用该方法, 可以使图片自动更换 */ this.autoiFocus = function() { if(!$(this.ifocus)) return false; // 停止轮转 if (!this.isAutoChange) return false; // 获取所有按钮 var focusBtnList = $(this.ifocusBtn).getElementsByTagName('li'); var listLength = focusBtnList.length; // 找到当前显示的按钮索引号 for (var i = 0; i < listLength; i++) { if (focusBtnList[i].className == this.currentClassName) { var currentNum = i; break; } } // 如果当前在最后一个图片, 则显示第一张 if (currentNum == this.maxCurrentNum ){ this.moveElement(this.ifocusPicList, 0, 0); this.classNormal(this.ifocusBtn); this.classCurrent(this.ifocusBtn, 0); } else { // 直接显示下一张 this.moveElement(this.ifocusPicList, 0, -(currentNum + 1) * this.imageHeight); this.classNormal(this.ifocusBtn); this.classCurrent(this.ifocusBtn, currentNum + 1); } } /** * 启动图片自动轮转的定时器 */ this.startAutoChange = function() { cusSetInterval(this, this.autoiFocus, this.autoChangeInterval); // setInterval(this.autoiFocus, this.autoChangeInterval); //这样调用的话, 好像this的调用者会变成window } }//欢迎来到站长特效网，我们的网址是http://myjs.jz123.cn，还有许多广告代码下载。 //3 var focusPictureC = new FocusPicture("focusPictureC", "ifocus2", "ifocus_piclist2", "ifocus_btn2", "normal", "current", "397", "2", "5000"); focusPictureC.startAutoChange(); addOnLoadEvent(focusPictureC, focusPictureC.iFocusChange); function pucker_show(name,no,hiddenclassname,showclassname) { //name:命名前缀 //no:当前鼠标所处对象的序号 //showclassname:展开状态样式名 //hiddenclassname:折叠状态样式名 for (var i=1 ;i<4 ;i++ ) { document.getElementById(name+i).className=hiddenclassname; } document.getElementById(name+no).className=showclassname; } var Speed_1 = 10; //速度(毫秒) var Space_1 = 20; //每次移动(px) var PageWidth_1 = 149 * 4; //翻页宽度 var interval_1 = 7000; //翻页间隔 var fill_1 = 0; //整体移位 var MoveLock_1 = false; var MoveTimeObj_1; var MoveWay_1="right"; var Comp_1 = 0; var AutoPlayObj_1=null; function GetObj(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}} function AutoPlay_1(){clearInterval(AutoPlayObj_1);AutoPlayObj_1=setInterval('ISL_GoDown_1();ISL_StopDown_1();',interval_1)} function ISL_GoUp_1(){if(MoveLock_1)return;clearInterval(AutoPlayObj_1);MoveLock_1=true;MoveWay_1="left";MoveTimeObj_1=setInterval('ISL_ScrUp_1();',Speed_1);} function ISL_StopUp_1(){if(MoveWay_1 == "right"){return};clearInterval(MoveTimeObj_1);if((GetObj('ISL_Cont_1').scrollLeft-fill_1)%PageWidth_1!=0){Comp_1=fill_1-(GetObj('ISL_Cont_1').scrollLeft%PageWidth_1);CompScr_1()}else{MoveLock_1=false} AutoPlay_1()} function ISL_ScrUp_1(){if(GetObj('ISL_Cont_1').scrollLeft<=0){GetObj('ISL_Cont_1').scrollLeft=GetObj('ISL_Cont_1').scrollLeft+GetObj('List1_1').offsetWidth} GetObj('ISL_Cont_1').scrollLeft-=Space_1} function ISL_GoDown_1(){clearInterval(MoveTimeObj_1);if(MoveLock_1)return;clearInterval(AutoPlayObj_1);MoveLock_1=true;MoveWay_1="right";ISL_ScrDown_1();MoveTimeObj_1=setInterval('ISL_ScrDown_1()',Speed_1)} function ISL_StopDown_1(){if(MoveWay_1 == "left"){return};clearInterval(MoveTimeObj_1);if(GetObj('ISL_Cont_1').scrollLeft%PageWidth_1-(fill_1>=0?fill_1:fill_1+1)!=0){Comp_1=PageWidth_1-GetObj('ISL_Cont_1').scrollLeft%PageWidth_1+fill_1;CompScr_1()}else{MoveLock_1=false} AutoPlay_1()} function ISL_ScrDown_1(){if(GetObj('ISL_Cont_1').scrollLeft>=GetObj('List1_1').scrollWidth){GetObj('ISL_Cont_1').scrollLeft=GetObj('ISL_Cont_1').scrollLeft-GetObj('List1_1').scrollWidth} GetObj('ISL_Cont_1').scrollLeft+=Space_1} function CompScr_1(){if(Comp_1==0){MoveLock_1=false;return} var num,TempSpeed=Speed_1,TempSpace=Space_1;if(Math.abs(Comp_1)TempSpace){Comp_1-=TempSpace;num=TempSpace}else{num=Comp_1;Comp_1=0} GetObj('ISL_Cont_1').scrollLeft+=num;setTimeout('CompScr_1()',TempSpeed)}} function picrun_ini(){ GetObj("List2_1").innerHTML=GetObj("List1_1").innerHTML; GetObj('ISL_Cont_1').scrollLeft=fill_1>=0?fill_1:GetObj('List1_1').scrollWidth-Math.abs(fill_1); GetObj("ISL_Cont_1").onmouseover=function(){clearInterval(AutoPlayObj_1)} GetObj("ISL_Cont_1").onmouseout=function(){AutoPlay_1()} AutoPlay_1(); }