超炫的自定圖片切換代碼

提示：您可以先修改部分代碼再運行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0032)http://www.ie-zone.com/index.php --><HTML><!-- #BeginTemplate "/Templates/JsExample.dwt" --><HEAD><!-- #BeginEditable "doctitle" --> <TITLE>頁面效果產生器</TITLE><!-- #EndEditable --><META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK href="../fav.ico" rel="shortcut icon"><STYLE type=text/css>BODY {MARGIN: 25px 25px 25px}#all TD {FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}INPUT {FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}SELECT {FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}P {FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}TEXTAREA {FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}#all A:active {COLOR: #7d070c}#all A:visited {COLOR: #7d070c}#all A:hover {COLOR: #336699}#all A:link {COLOR: #7d070c}</STYLE><SCRIPT language=JavaScript><!--function MM_goToURL() { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");}function JM_cc(ob){ob.select();js=ob.createTextRange();js.execCommand("Copy");}//--></SCRIPT><META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD><BODY id=all text=#000000 bgColor=#336699><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="yun_qi_img/sq_1.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="yun_qi_img/sq_2.gif" width=11 height="14"></TD> </TR></TABLE><!-- #BeginEditable "Example%20and%20Sources" --> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="yun_qi_img/space.gif" width=11 height="1"></TD> <TD width="100%"> <table width="100%" border="0" cellpadding="8"> <tr> <td align="center"><!-- #BeginLibraryItem "/Library/js_title.lbi" --><script language="JavaScript">document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");</script><!-- #EndLibraryItem --></td> </tr> <tr> <td bgcolor="#f7f7f7"> <script language="JavaScript" src="js/transition.js"></script> 提示：先從左邊選擇一個效果，右邊會出現預覽</td> </tr> <tr> <td> <table cellspacing=0 cellpadding=0 width="100%" border=0> <tr> <td width="30%"> <table cellspacing=0 cellpadding=0 width="100%" border=0> <tr> <td width="100%" bgcolor=#67eb78><strong><small><font face=Verdana>Choose Transition</font></small></strong></td> </tr> <tr> <td width="100%"><strong><font face=Verdana><font color=#008000> <!--webbot bot="HTMLMarkup" startspan --> <script language=JavaScript1.2><!--var cur="x";function changecolor(x){if (event.srcElement.tagName=="SMALL"){if (event.srcElement.style.color=="purple")returnevent.srcElement.style.color=x}}function doit(){if (event.srcElement.tagName=="SMALL"){cur=event.srcElement.nfadein()}}//--></script> </font> <div onMouseOver="changecolor('red')" onClick="changecolor('purple');doit()" onMouseOut="changecolor('green')"><font color=#008000> <!--webbot bot="HTMLMarkup" endspan --> <small n="x">Blend in</small><br> <small n="0">Box in</small> <br> <small n="1">Box out </small><br> <small n="2">Circle in </small><br> <small n="3">Circle out</small>  <br> <small n="4">Wipe up </small> <br> <small n="5">Wipe down </small> <br> <small n="6">Wipe right</small>  <br> <small n="7">Wipe left </small><br> <small n="8">Vertical blinds </small> <br> <small n="9">Horizontal blinds </small><br> <small n="10">Checkerboard across</small><br> <small n="11">Checkerboard down </small><br> <small n="12">Random dissolve</small> <br> <small n="13">Split vertical in  </small><br> <small n="14">Split vertical out</small><br> <small n="15">Split horizontal in </small><br> <small n="16">Split horizontal out</small><br> <small n="17">Strips left down</small>  <br> <small n="18">Strips left up</small> <br> <small n="19">Strips right down </small><br> <small n="20">Strips right up </small><br> <small n="21">Random bars horizontal</small> <br> <small n="22">Random bars vertical</small> <br> <small n="23">Random</small></font> <!--webbot bot="HTMLMarkup" startspan --> </div> <!--webbot bot="HTMLMarkup" endspan --> </font></strong></td> </tr> </table> </td> <td valign=top align=left width="70%"> <!--webbot bot="HTMLMarkup" startspan --> <div id=mytransition ></div> <!--webbot bot="HTMLMarkup" endspan --> </td> </tr> <tr> <td width="30%"> <!--webbot bot="HTMLMarkup" startspan --> <script language=JavaScript1.2>function applyit(){var temp;if (cur!="x")temp='<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition='+cur+')">'elsetemp='<meta http-equiv="Page-Enter" content="blendTrans(Duration=4.0)">'js_1.value=temp}</script> <input onClick=applyit() type=button value="我要這段代碼" name="button"> <!--webbot bot="HTMLMarkup" endspan --> </td> <td valign=top align=left width="70%"></td> </tr> </table> <br> 1.很簡單將下面的代碼複製到 <body> 內 <input type="button" name="Button" value="複製到我的剪貼簿" onClick=JM_cc(js_1)> <br> <textarea name="js_1" wrap="VIRTUAL" cols="80" rows="10">

提示：您可以先修改部分代碼再運行