超炫的自定图片切换代码

作者：简简单单 2008-07-01

提示：您可以先修改部分代码再运行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>
 
<TITLE>页面效果生成器</TITLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK  href="../fav.ico" rel="shortcut icon">
<STYLE type=text/<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>>BODY {
	MARGIN: 25px 25px 25px
}
#all TD {
	FONT-SIZE: 12px; LINE- FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
}
INPUT {
	FONT-SIZE: 12px; LINE- FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
}
SELECT {
	FONT-SIZE: 12px; LINE- FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
}
P {
	FONT-SIZE: 12px; LINE- FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
}
TEXTAREA {
	FONT-SIZE: 12px; LINE- 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>

<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="../images/sq_1.gif" width=11 height="14"></TD>
    <TD width="100%"></TD>
    <TD><IMG src="../images/sq_2.gif"    width=11 height="14"></TD>
  </TR>
</TABLE>
 
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TR bgColor=#ffffff> 
    <TD><IMG src="../images/space.gif" width=11 height="1"></TD>
    <TD width="100%">
      <table width="100%" border="0" cellpadding="8">
        <tr>
          <td align="center"><script language="JavaScript">
document.write("<font color=#7d070c style="font-size: 14px">"+document.title+"</font>");
</script></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                  style="BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid; BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-BOTTOM: rgb(0,0,0) 1px solid"                  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> 
                        
                        <script language=JavaScript1.2>
<!--
var cur="x";
function changecolor(x){
if (event.srcElement.tagName=="SMALL"){
if (event.srcElement.style.color=="purple")
return
event.srcElement.style.color=x
}
}

function doit(){
if (event.srcElement.tagName=="SMALL"){
cur=event.srcElement.n
fadein()
}
}

//-->
</script>
                        </font> 
                        <div onMouseOver="changecolor('red')" 
                  style="OVERFLOW: scroll; CURSOR: hand; HEIGHT: 280px" 
                  onClick="changecolor('purple');doit()" 
                  onMouseOut="changecolor('green')"><font 
                  color=#008000> 
                          
                          <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> 
                          
                        </div>
                        
                        </font></strong></td>
                    </tr>
                  </table>
                </td>
                <td valign=top align=left > 
                  
                  <div id=mytransition 
            style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(duration=3,transition=0) blendTrans(duration=3); BORDER-LEFT: black 1px solid; WIDTH: 100%; BORDER-BOTTOM: black 1px solid; HEIGHT: 100%"></div>
                  
                </td>
              </tr>
              <tr> 
                <td > 
                  
                  <script language=JavaScript1.2>
function applyit(){
var temp;
if (cur!="x")
temp='<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition='+cur+')">'
else
temp='<meta http-equiv="Page-Enter" content="blendTrans(Duration=4.0)">'
js_1.value=temp
}
</script>
                  <input style="FONT-WEIGHT: bold" onClick=applyit() type=button value="我要这段代码" name="button">
                  
                </td>
                <td valign=top align=left ></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">

提示：您可以先修改部分代码再运行

超炫的自定图片切换代码

相关文章

精彩推荐