网站首页 > 网页设计教程 > 网页特效 > 网页中点击连接显示和隐藏过渡效果的图层

网页中点击连接显示和隐藏过渡效果的图层

作者：互联网
时间：2009-06-20 15:49:27

<SCRIPT language=JavaScript> var isCSS = false; var isW3C = false; var isIE4 = false; var isNN4 = false; var isIE6 = false; var isGecko = false; var isOpera = false; var isDHTML = false; var suppressMenus = false; function autoconfig() { if(document && do***ent.images) { isCSS = (do***ent.body && do***ent.body.style) ? true : false; isW3C = (isCSS && do***ent.getElementById) ? true : false; isIE4 = (isCSS && do***ent.all && readIEVer() >= 4.0) ? true : false; isNN4 = (do***ent.layers) ? true : false; isGecko = (isCSS && navigator && na***ator.product && na***ator.product == "Gecko"); isOpera = (isCSS && na***ator.userAgent.indexOf( "Opera") != -1 ); isIE6CSS = (do***ent.compatMode && do***ent.compatMode.indexOf("CSS1") >= 0) ? true : false; isIE6 = ( isIE6CSS && readIEVer() >= 6.0 ); isDHTML = isCSS && ( isIE4 || isGecko || isOpera ); if( suppressMenus || ( isOpera && readOperaVer() < 7 ) || ( isGecko && na***ator.productSub <= 20011022 ) || ( isGecko && na***ator.productSub == 20030107 ) ) { // Opera 6.x doesn't seem to like the DHTML... // Netscape 6.2 puts the menus in the wrong place... // Safari, the menus don't go away... problem in ResetMenu isDHTML = false; } } } function readIEVer() { var agent = na***ator.userAgent; var offset = ag***.indexOf( "MSIE" ); if( offset < 0 ) { return 0; } return parseFloat( ag***.substring( offset + 5, ag***.indexOf( ";", offset ) ) ); } function montage( href, src, caption, width, animate ) { // this is the case for browsers that don't support filters... var cycle = Ma***floor( Ma***random() * hr***length ); // switch off animation if we're not on broadband var m_montage = ( typeof(animate) != "undefined" ? animate : hasBroadband() ); if( m_montage == false || sr***ength <= 1 || !( isIE4 || isW3C ) ) { montagePicker( href, src, caption, cycle ); return; } // go build all of the nested DIVs out monIdx = cycle; do***ent.writeln( "<div id="container" style="width:" + width +"px;height:112px">" ); for( i = 0; i < sr***ength; i++ ) { // set up a placeholder do***ent.writeln( "t<div id="montage" + i + "" style="display:none">" ); montagePicker( href, src, caption, i ); do***ent.writeln( "t</div>" ); } do***ent.writeln( "</div>" ); // pull the images out monBlock = new Array( sr***ength ); monImg = new Array( sr***ength ); for( i = 0; i < sr***ength; i++ ) { monBlock[i] = do***ent.getElementById( "montage" + i ).style; monImg[i] = do***ent.getElementById( "monimg" + i ); if( monImg[i] == null ) { montagePicker( href, src, caption, i ); return; } // alert( "foo" ); } monContainer = do***ent.getElementById("container"); montageEffects(); } function montageEffects() { var nextImage = (monIdx + 1) % mo***g.length; // run the transition if( readIEVer() >= 4.0 ) { mo***ntainer.style.filter = "blendTrans(du***ion=1.5) revealTrans(du***ion=1.0,transition=7)"; mo***ntainer.filters(0).apply(); mo***ntainer.filters(1).apply(); montageSelect( nextImage ); mo***ntainer.filters(0).play(); mo***ntainer.filters(1).play(); } else { montageSelect( nextImage ); } // asked to be called again a little later setTimeout( "montageSwap()", monTimeout ); } function montageSelect( nextImage ) { //alert( monImg[monIdx].s***e.visibility ); monBlock[monIdx].display = "none"; monIdx = nextImage; monBlock[monIdx].display = "block"; } function montageSwap() { if( monImg[monIdx].complete ) { // move the image index along montageEffects(); } else { // check again 3 seconds later setTimeout( "montageSwap()", 3000 ); } } function montagePicker( href, src, caption, cycle ) { if( href[cycle] != null ) { do***ent.writeln( "tt<A HREF="" + href[cycle] + ""><IMG SRC="" + src[cycle] + "" alt="" + caption[cycle] + "" BORDER="0" ID="monimg" + cycle + ""></a>" ); } else { do***ent.writeln( "tt<IMG SRC="" + src[cycle] + "" ID="monimg" + cycle + "">" ); } } function hasBroadband() { if( readIEVer() < 5.0 ) { return false; } try { do***ent.body.addBehavior ("#default#clientCaps"); return ( typeof(do***ent.body.connectionType) != "undefined" && do***ent.body.connectionType == "lan" ); } catch( e ) { return false; } } //more javascript from http://www.downcodes.com </SCRIPT>  <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD width=122> <SCRIPT language=JavaScript type=text/javascript> autoconfig(); monTimeout = 2000; var urls = new Array(); var imgs = new Array(); var caps = new Array(); urls[0] = "http://www.downcodes.com"; imgs[0] = "/img/200406301.jpg"; caps[0] = "说明一"; urls[1] = "http://www.downcodes.com"; imgs[1] = "/img/200406302.jpg"; caps[1] = "说明二"; urls[2] = "http://www.downcodes.com"; imgs[2] = "/img/200406303.jpg"; caps[2] = "说明三"; urls[3] = "http://www.downcodes.com"; imgs[3] = "/img/200406304.jpg"; caps[3] = "说明四"; urls[4] = "http://www.downcodes.com"; imgs[4] = "/img/200406305.jpg"; caps[4] = "说明五"; montage( urls, imgs, caps, 461 ); </SCRIPT> </TD></TR> </TBODY></TABLE>

上一篇：简单实用特效代码，打开一个层后可以拖动

下一篇：网页菜单特效通用的三级联动菜单

网页中点击连接显示和隐藏过渡效果的图层

相关阅读

最新文章

人气下载推荐

相关应用

热门文章

推荐游戏