如何让浏览者在欣赏页面前先玩点小花样，这个生成器可以帮你做到
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件<!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+".location='"+args+"'");
}
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="../../images/sq_1.gif" width=11 height="14">http://code.ik8.com/html/../../images/sq_1.gif</td>
<td width="100%"></td>
<td><img src="../../images/sq_2.gif"
width=11 height="14">http://code.ik8.com/html/../../images/sq_2.gif</td>
</tr>
</table>
<!-- #begineditable "example%20and%20sources" -->
<table cellspacing=0 cellpadding=0 width="100%" border=0>
<tr bgcolor=#ffffff>
<td><img src="../images/space.gif" width=11 height="1">http://code.ik8.com/html/../images/space.gif</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
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>
<!--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")
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>
<!--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
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>
<!--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+')">'
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">
<!--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">
http://code.ik8.com/html/../images/space.gif http://code.ik8.com/html/../../images/sq_3.gifhttp://code.ik8.com/html/../../images/sq_4.gif
页:
[1]