您现在的位置：金石网 >> 网页特效 >> 代码生成 >> 特效正文

页面效果生成器 --->如何让浏览者在欣赏页面前先玩点小花样，这个生成器可以帮你做到

『更新时间：2006-4-1 』『字体：变小变大』『作者：未知 | 来源：网络』

把如下代码加入<body>区域中:

<!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/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>

<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 width="70%"> 
                  
                  <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 width="30%"> 
                  
                  <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 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"></textarea>
            <br>
          </td>
        </tr>
      </table>
    </TD>
    <TD><IMG src="../images/space.gif" 
  width=11 height="1"></TD>
  </TR>
</TABLE>

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TR bgColor=#ffffff> 
    <TD><IMG src="../../images/sq_3.gif" width=11 height="14"></TD>
    <TD width="100%"></TD>
    <TD><IMG src="../../images/sq_4.gif" 
  width=11 height="14"></TD>
  </TR>
</TABLE></BODY></HTML>

【点击数：】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

自动显示访问者IP地址代码
3721拦截不了的弹窗代码
强制设置为主页
主页被强制修改
贪吃蛇游戏
俄罗斯方块
看谁围的圈多
射击游戏：A就是大炮
十字定全局
爱情游戏测试

页面效果生成器 --->如何让浏览者在欣赏页面前先玩点小花样，这个生成器可以帮你做到

相关文章

网友评论