📄 礼花.htm
字号:
AddTxt="[move][/move]";
AddText(AddTxt);
} else {
txt=prompt("要产生移动效果的文字","文字");
if (txt!=null) {
AddTxt="[move]"+txt;
AddText(AddTxt);
AddTxt="[/move]";
AddText(AddTxt);
}
}
}
function shadow() {
if (helpstat) {
alert("阴影标记\n使文字产生阴影效果.\n用法: [SHADOW=宽度, 颜色, 边界]要产生阴影效果的文字[/SHADOW]");
} else if (basic) {
AddTxt="[SHADOW=255,blue,1][/SHADOW]";
AddText(AddTxt);
} else {
txt2=prompt("文字的长度、颜色和边界大小","255,blue,1");
if (txt2!=null) {
txt=prompt("要产生阴影效果的文字","文字");
if (txt!=null) {
if (txt2=="") {
AddTxt="[SHADOW=255, blue, 1]"+txt;
AddText(AddTxt);
AddTxt="[/SHADOW]";
AddText(AddTxt);
} else {
AddTxt="[SHADOW="+txt2+"]"+txt;
AddText(AddTxt);
AddTxt="[/SHADOW]";
AddText(AddTxt);
}
}
}
}
}
function glow() {
if (helpstat) {
alert("光晕标记\n使文字产生光晕效果.\n用法: [GLOW=宽度, 颜色, 边界]要产生光晕效果的文字[/GLOW]");
} else if (basic) {
AddTxt="[glow=255,red,2][/glow]";
AddText(AddTxt);
} else {
txt2=prompt("文字的长度、颜色和边界大小","255,red,2");
if (txt2!=null) {
txt=prompt("要产生光晕效果的文字.","文字");
if (txt!=null) {
if (txt2=="") {
AddTxt="[glow=255,red,2]"+txt;
AddText(AddTxt);
AddTxt="[/glow]";
AddText(AddTxt);
} else {
AddTxt="[glow="+txt2+"]"+txt;
AddText(AddTxt);
AddTxt="[/glow]";
AddText(AddTxt);
}
}
}
}
}
function openscriphtml()
{
if (navigator.appName!="Microsoft Internet Explorer")
alert("此功能 Netscape 用户不能使用！")
else
{newwin=window.open('htmledit/editor.html','','width=544,height=294');
newwin.focus();
}
}
function runEx(){
//alert('请注意，按下确定将生成页面，按下后请稍后....');
var winEx = window.open("", "winEx", "width=600,height=400,status=yes,menubar=yes,scrollbars=yes,resizable=yes"); winEx.document.open("text/html", "replace");
winEx.document.write(unescape(event.srcElement.parentElement.children[2].value));
winEx.document.close();
}
function openScript(url, width, height) {
var Win = window.open(url,"openScript",'width=' + width + ',height=' + height + ',resizable=1,scrollbars=yes,menubar=yes,status=yes' );
}
</SCRIPT>
<script language="Javascript">
<!-- hide
function insertsmilie(smilieface){
document.frmAnnounce.body.value+=smilieface;
}
// -->
</script>
<html>
<head>
<meta NAME="GENERATOR" Content="Microsoft FrontPage 4.0">
<meta HTTP-EQUIV="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="网页技巧,http://www.okof.com/">
<LINK href="style.css" rel=stylesheet>
<title>礼花背景：深隧的天空不断爆出多彩的礼花，漂亮极了 - 网页技巧 http://www.okof.com/</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var isNS = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4));
var _all = '';
var _style = '';
var wwidth, wheight;
var ydir = '++';
var xdir = '++';
var id1, id2, id3;
var x = 297;
var y = 214;
var x1, y1;
if(!isNS) {
_all='all.';
_style='.style';
}
function getwindowsize() {
clearTimeout(id1);
clearTimeout(id2);
clearTimeout(id3);
if (isNS) {
wwidth = window.innerWidth - 55;
wheight = window.innerHeight - 50;
} else {
wwidth = document.body.clientWidth - 55;
wheight = document.body.clientHeight - 50;
}
id3 = setTimeout('randomdir()', 20000);
animate();
}
function randomdir() {
if (Math.floor(Math.random()*2)) {
(Math.floor(Math.random()*2)) ? xdir='--': xdir='++';
} else {
(Math.floor(Math.random()*2)) ? ydir='--': ydir='++';
}
id2 = setTimeout('randomdir()', 20000);
}
function animate() {
eval('x'+xdir);
eval('y'+ydir);
if (isNS) {
pic1.moveTo((x+pageXOffset),(y+pageYOffset))
} else {
pic1.pixelLeft = x+document.body.scrollLeft;
pic1.pixelTop = y+document.body.scrollTop;
}
if (isNS) {
if (pic1.top <= 5+pageYOffset) ydir = '++';
if (pic1.top >= wheight+pageYOffset) ydir = '--';
if (pic1.left >= wwidth+pageXOffset) xdir = '--';
if (pic1.left <= 5+pageXOffset) xdir = '++';
} else {
if (pic1.pixelTop <= 5+document.body.scrollTop) ydir = '++';
if (pic1.pixelTop >= wheight+document.body.scrollTop) ydir = '--';
if (pic1.pixelLeft >= wwidth+document.body.scrollLeft) xdir = '--';
if (pic1.pixelLeft <= 5+document.body.scrollLeft) xdir = '++';
}
id1 = setTimeout('animate()', 30);
}
// End -->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" topmargin="2" leftmargin="0" OnLoad="getwindowsize()" OnResize="getwindowsize()">
<head>
</head>
<!--<div id="pic1" style="position:absolute; left:297px; top:214px; width:100px; height:100px; z-index:1"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="100">
<param name=movie value="http://www.okof.com/images/1.SWF">
<param name=quality value=high>
<param name="wmode" value="transparent">
</object>
</div>-->
<table border="0" cellpadding="0" cellspacing="0" width="760" align=center height="43">
<tr>
<td width="160" rowspan="3" align="center" height="43"><a href="http://www.okof.com/" target="_self"><img border="0" src="http://www.okof.com/images/okoflogo.gif" width="160" height="61">
</a></td>
<td width="8" rowspan="3" height="43"></td>
<!--
<td width="519" rowspan="3" align="center" onmouseover="this.bgColor='ffffff';title = '万水千山总是情，点下广告行不行？'">
<script src="http://218.5.79.72:83/ads2000_click2.php3?userid=888"></script>
</td>
-->
<td width="519" rowspan="3" align="center" height="43">
<!--<a href="http://clnet.jahee.com/index.asp?user=admin"><img src="\images\money.gif" border=0></a>-->
<script language="javascript" src="http://www.1st-pay.net/work/banner.asp?banner=4&username=slnrm"></script>
</td>
<td width="10" rowspan="3" height="43"></td>
<td width="39" valign="middle" align="center" height="19"><img border="0" src="http://www.okof.com/images/home.gif">
</td>
<td width="146" valign="middle" align="left" height="19">
<a href="http://www.okof.com/#" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.okof.com/');" title="设为首页 随时参考">设为首页</a>
</td>
</tr>
<tr>
<td width="39" valign="middle" align="center" height="20"><img border="0" src="http://www.okof.com/images/favorite.gif">
</td>
<td width="146" valign="middle" align="left" height="20">
<A href="#" onclick="window.external.addFavorite('http://www.okof.com/','『网页技巧』')" target="_self" title="收藏本页 用时方便">加入收藏</A>
</td>
</tr>
<tr>
<td width="39" valign="middle" align="center" height="4"><img border="0" src="http://www.okof.com/images/email.gif"> </td>
<td width="146" valign="middle" align="left" height="4"> <a href="mailto:webmaster@okof.com">联系我们</a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="759" height="1">
<tr>
<td width="760" height="1" align="center"></td>
</tr>
</table>
<TABLE cellSpacing=0 cellPadding=0 width="95%" border=0 align=center>
<TBODY>
<TR>
<TD bgColor="#000000">
<TABLE cellSpacing=1 cellPadding=4 width="100%" border=0>
<TR>
<TD bgColor="#6595d6" colspan="2" background="../images/dwblue.gif">
| <a href="default.asp?classid=3"><font color=red>网页特效</font></a> |
| <a href="default.asp?classid=4">制作教程</a> |
| <a href="default.asp?classid=5">制作工具</a> |
| <a href="default.asp?classid=6">建站指南</a> |
| <a href="default.asp?classid=7">免费资源</a> |
| <a href="default.asp?classid=8">电脑技术</a> |
</TD></TR>
<TR>
<TD bgColor="#FFFFFF" colspan="2">
| <a href="index.asp?classid=3">网页特效</a>>><a href="index.asp?classid=3&Nclassid=15">背景特效</a>>>礼花背景：深隧的天空不断爆出多彩的礼花，漂亮极了 <br>
</TD></TR>
<TR>
<TD bgColor="#FFFFFF" colspan="2">
<center><b><font size=3>礼花背景：深隧的天空不断爆出多彩的礼花，漂亮极了 </font></b><br>www.okof.com 2002-12-15 <a href="assess.asp?id=163">网友评价</a>：★★★★☆</center><p>
<blockquote>
<br>
<IMG SRC="\skill\demo\try.gif" border=0> <A HREF="\skill\demo\bj03.htm" TARGET=_blank>点击效果演示</A></P><P>把如下代码加入<body>区域中<BR><layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer><BR><layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer><BR><layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer><BR><layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer><BR><layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer><BR><layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer><BR><layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer><BR><layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer><BR><layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer><BR><layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer><BR><layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer><BR><layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer><BR><layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer><BR><layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer><BR><div id="starsDiv" style="position:absolute;top:0px;left:0px"><BR><div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div><BR><div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div><BR><div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div><BR><div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div><BR><div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div><BR><div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div><BR><div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div><BR><div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div><BR><div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div><BR><div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div><BR><div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div><BR><div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div><BR><div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div><BR><div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div><BR></div></P><P><SCRIPT LANGUAGE="JavaScript"></P><P><!-- Begin<BR>var Clrs = new Array(9);<BR>Clrs[0] = 'ff0000';<BR>Clrs[1] = '00ff00';<BR>Clrs[2] = '000aff';<BR>Clrs[3] = 'ff00ff';<BR>Clrs[4] = 'ffa500';<BR>Clrs[5] = 'ffff00';<BR>Clrs[6] = '00ff00';<BR>Clrs[7] = 'ffffff';<BR>Clrs[8] = 'fffff0';<BR>var sClrs = new Array(5);<BR>sClrs[0] = 'ffa500';<BR>sClrs[1] = '55ff66';<BR>sClrs[2] = 'AC9DFC';<BR>sClrs[3] = 'fff000';<BR>sClrs[4] = 'fffff0';<BR>var yBase;<BR>var xBase;<BR>var step;<BR>var currStep = 0;<BR>var Xpos = 1;<BR>var Ypos = 1;<BR>var initialStarColor = 'ffa000';<BR>var Mtop = 250;<BR>var Mleft = 250;<BR>function Fireworks() {<BR>if (document.all) {<BR>yBase = window.document.body.offsetHeight / 3;<BR>xBase = window.document.body.offsetWidth / 8;<BR>}<BR>else if (document.layers) {<BR>yBase = window.innerHeight / 3;<BR>xBase = window.innerWidth / 8;<BR>}<BR>if (document.all) {<BR>step = 5;<BR>for ( i = 0 ; i < starsDiv.all.length ; i++ ) {<BR>for (ai = 0; ai < Clrs.length; ai++) {<BR>var c = Math.round(Math.random()*[ai]);<BR>}<BR>if (currStep < 90)<BR>starsDiv.all[i].style.background=initialStarColor;<BR>if (currStep > 90)<BR>starsDiv.all[i].style.background=Clrs[c];<BR>starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)<BR>starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)<BR> }<BR>}<BR>else if (document.layers) {<BR>step = 5;<BR>for ( j = 0 ; j < 24 ; j++ ) { //number of NS layers!<BR>var templayer = "a"+j;<BR>for (ai = 0; ai < Clrs.length; ai++) {<BR>var c = Math.round(Math.random()*[ai]);<BR>}<BR>if (currStep < 90)<BR>document.layers[templayer].bgColor=initialStarColor;<BR>if (currStep > 90)<BR>document.layers[templayer].bgColor=Clrs[c];<BR>document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100)<BR>document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100)<BR> }<BR>}<BR>currStep+= step;<BR>T=setTimeout("Fireworks()",5);<BR>if (currStep == 220) {<BR>currStep = -10;<BR>for (n = 0; n < sClrs.length; n++) {<BR>var k = Math.round(Math.random()*n);<BR>}<BR>initialStarColor = sClrs[k];<BR>if (document.all) {<BR>Dtop = window.document.body.clientHeight - 250;<BR>Dleft = xBase * 3.5;<BR>Mtop = Math.round(Math.random()*Dtop);<BR>Mleft = Math.round(Math.random()*Dleft);<BR>document.all.starsDiv.style.top = Mtop+document.body.scrollTop;<BR>document.all.starsDiv.style.left = Mleft+document.body.scrollLeft;<BR>}<BR>else if (document.layers) {<BR>Dleft = window.innerWidth - 100;<BR>Dtop = window.innerHeight - 100;<BR>Mtop = Math.round(Math.random()*Dtop+window.pageYOffset);<BR>Mleft = Math.round(Math.random()*Dleft+window.pageXOffset);<BR>document.layers[templayer].top = Mtop;<BR>document.layers[templayer].left = Mleft;<BR>}<BR>if ((Mtop < 20) || (Mleft < 20)) {<BR>Mtop += 90;<BR>Mleft += 90;<BR> } <BR> }<BR>}<BR>Fireworks();<BR>// End --><BR></script> <br>
<br>
<p align=right>
原作者：网页技巧<br>
来 源：okof.com<br>
共有1994位读者阅读过此文，其中2位读者参与评价
<br><br>
【<a href=sendmail.asp?id=163>告诉好友</a>】 【<a href=assess.asp?id=163>我要评价</a>】
</blockquote>
<p><li><font color=#0772B1>上篇文章</font>：<a href="list.asp?id=162">背景图片居中：一个使背景图片居中的特效，但不是用javascript做的 </a>
<BR>
<li><font color=#0772B1>下篇文章</font>：<a href="list.asp?id=164">链接驱动背景色：不同连接居然能变换不同背景色，想给访客惊奇可用一下 </a>
</TD></TR>
<TR>
<TD bgColor="#6595d6" width="50%" background="../images/dwblue.gif">□-
本月热门文章
</TD>
<TD bgColor="#6595d6" width="50%" background="../images/dwblue.gif">□- 相关文章
</TD></TR>
<tr><td width="50%" valign=top bgColor="#FFFFFF">
1.<a href="list.asp?id=148" title="带时钟的台历：一个非常非常漂亮的仿真电子台历，不用可惜 " target=_top>带时钟的台历：一个非常非常漂亮的仿真...</a>[<font color=red>2749</font>]<br>
2.<a href="list.asp?id=12" title="垂直滚动公告板：可用于站点公告播放 " target=_top>垂直滚动公告板：可用于站点公告播放 </a>[<font color=red>2613</font>]<br>
3.<a href="list.asp?id=226" title="象雪花飘飞的LOGO连接：带连接的图片在页面飘飞。很多大型网站常用 " target=_top>象雪花飘飞的LOGO连接：带连接的图...</a>[<font color=red>2566</font>]<br>
4.<a href="list.asp?id=90" title="闪烁的星星：象图片一样跟随着鼠标闪烁的星星，简单却很实用 " target=_top>闪烁的星星：象图片一样跟随着鼠标闪烁...</a>[<font color=red>2463</font>]<br>
5.<a href="list.asp?id=41" title="开机速度为何总是这样慢？" target=_top>开机速度为何总是这样慢？</a>[<font color=red>2419</font>]<br>
6.<a href="list.asp?id=7" title="带连接上滚文本(一)：带连接的向上滚动文本。非常实用的技巧。" target=_top>带连接上滚文本(一)：带连接的向上滚...</a>[<font color=red>2005</font>]<br>
7.<a href="list.asp?id=163" title="礼花背景：深隧的天空不断爆出多彩的礼花，漂亮极了 " target=_top>礼花背景：深隧的天空不断爆出多彩的礼...</a>[<font color=red>1994</font>]<br>
</td><td width="50%" valign=top bgColor="#FFFFFF">
<a href='list.asp?id=169'>RGB背景调色：输入RGB颜色数值，就能转化成十六位颜色代码且背景改变 </a><br>
<a href='list.asp?id=168'>背景调色板：状态栏还能显示颜色值 </a><br>
<a href='list.asp?id=167'>跟随鼠标旋转背景：多彩的礼花跟随鼠标旋转，效果很不错 </a><br>
<a href='list.asp?id=163'>礼花背景：深隧的天空不断爆出多彩的礼花，漂亮极了 </a><br>
<a href='list.asp?id=162'>背景图片居中：一个使背景图片居中的特效，但不是用javascript做的 </a><br>
</td></tr>
</table>
</td>
</tr>
</tbody>
</table>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="760">
<tr>
<td align="center" width="760" height="5">
<script src="http://www.okof.com/statics/mystat.asp?style=flash"></script>
</td>
</tr>
<tr>
<td align="center" width="760"><a href="http://www.okof.com/introduce.asp">网站简介</a><b>│</b><a href="http://www.okof.com/statement.asp">版权声明</a><b>│</b><a href="mailto:webmaster@okof.com">投稿中心</a><b>│</b><a href="mailto:webmaster@okof.com">联系我们</a>
</td>
</tr>
<tr>
<td align="center" width="760">Copyright 2001-2005 www.<font color="#FF0000">okof</font>.com
好的网络有限公司 All rights reserved</td>
</tr>
</table>
</center>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -