⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 ye21.htm

📁 javascript各种效果的实例及源代码
💻 HTM
字号:
<html>
<head>
<title>星星满天闪烁</title>
<style type="text/css">
<!--
body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }
 A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }

-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT language=javascript1.2>
<!--
hexa = new Array(16);
for(var i = 0; i < 10; i++) hexa[i] = i; 
hexa[10]="a";
hexa[11]="b"; 
hexa[12]="c";
hexa[13]="d"; 
hexa[14]="e"; 
hexa[15]="f";
function hex(i)
{
if (i < 0) return "00";
else if (i > 255) return "ff"; 
else return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setbgColor(r, g, b) 
{ 
var hr = hex(r); 
var hg = hex(g); 
var hb = hex(b); 
document.bgColor = "#"+hr+hg+hb;
}
function fade(sr, sg, sb, er, eg, eb, step) 
{ 
for(var i = 0; i <= step; i++) 
{ 
setbgColor( Math.floor(sr * ((step-i)/step) + er * (i/step)), 
Math.floor(sg * ((step-i)/step) + eg * (i/step)), Math.floor(sb * 
((step-i)/step) + eb * (i/step))); 
}
}


//-->
</SCRIPT>
</head>

<BODY aLink=#ffffff bgColor=#ffffff link=#ffffff onload=start_it() 
onunload=end_it() text=#ffffff topMargin=0 vLink=#ffffff> 
<br>
<br>
<center><font color=red face="隶书" size=6>星星满天闪烁</font></center>
<br>
<center>
<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>效果一目了然了吧!</strong></font></td></tr><tr><td align=center><SCRIPT language=javascript1.2>
<!--
for(i=1;i<=10;i++)
{
document.write("<div id=\"star"+i+"\" style=\"position:absolute;top:80%;left:"+(Math.floor(Math.random()*5)+9*(i-1))+"%;width:21;height:21;visibility:hidden;\"><dd><img src=\"star.gif\" WIDTH=\"21\" HEIGHT=\"21\"></dd></div>");
}	
function randommove()
{	
	for(i=1;i<=10;i++)
	eval("star"+i+".style.top=get_top()");
	
}		

function get_top()
{
var t,t2;
t=Math.floor(Math.random()*380);
t2=t.toString()+"px";
return(t2);
}
function set_visible()
{
	for(i=1;i<=10;i++)
	eval("star"+i+".style.visibility=\"visible\"");
	banner.style.visibility="visible";
	friends.style.visibility="visible";
	high(pic);
		
}
function bar_show()
{	bar.style.visibility="visible";
}
function start_it()
{
fade(255,255,255, 0,0,0, 50);
setInterval("randommove()",1000);
set_visible();
setTimeout("bar_show()",2000);
}
function end_it()
{
banner.style.visibility="hidden";
friends.style.visibility="hidden";
pic.style.visibility="hidden";
fade(0,0,0,255,255,255,10);
}
-->
</SCRIPT></td></tr>
</table></center>
<br>
<br>
<center>
<textarea name=source rows=12 cols=45 class=yk9>
脚本说明:
第一步:把如下代码加入<head>区域中
<SCRIPT language=javascript1.2>
<!--
hexa = new Array(16);
for(var i = 0; i < 10; i++) hexa[i] = i; 
hexa[10]="a";
hexa[11]="b"; 
hexa[12]="c";
hexa[13]="d"; 
hexa[14]="e"; 
hexa[15]="f";
function hex(i)
{
if (i < 0) return "00";
else if (i > 255) return "ff"; 
else return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setbgColor(r, g, b) 
{ 
var hr = hex(r); 
var hg = hex(g); 
var hb = hex(b); 
document.bgColor = "#"+hr+hg+hb;
}
function fade(sr, sg, sb, er, eg, eb, step) 
{ 
for(var i = 0; i <= step; i++) 
{ 
setbgColor( Math.floor(sr * ((step-i)/step) + er * (i/step)), 
Math.floor(sg * ((step-i)/step) + eg * (i/step)), Math.floor(sb * 
((step-i)/step) + eb * (i/step))); 
}
}


//-->
</SCRIPT>


第二步:把如下代码加入<body>区域中
<SCRIPT language=javascript1.2>
<!--
for(i=1;i<=10;i++)
{
document.write("<div id=\"star"+i+"\" style=\"position:absolute;top:80%;left:"+(Math.floor(Math.random()*5)+9*(i-1))+"%;width:21;height:21;visibility:hidden;\"><dd><img src=\"star.gif\" WIDTH=\"21\" HEIGHT=\"21\"></dd></div>");
}	
function randommove()
{	
	for(i=1;i<=10;i++)
	eval("star"+i+".style.top=get_top()");
	
}		

function get_top()
{
var t,t2;
t=Math.floor(Math.random()*380);
t2=t.toString()+"px";
return(t2);
}
function set_visible()
{
	for(i=1;i<=10;i++)
	eval("star"+i+".style.visibility=\"visible\"");
	banner.style.visibility="visible";
	friends.style.visibility="visible";
	high(pic);
		
}
function bar_show()
{	bar.style.visibility="visible";
}
function start_it()
{
fade(255,255,255, 0,0,0, 50);
setInterval("randommove()",1000);
set_visible();
setTimeout("bar_show()",2000);
}
function end_it()
{
banner.style.visibility="hidden";
friends.style.visibility="hidden";
pic.style.visibility="hidden";
fade(0,0,0,255,255,255,10);
}
-->
</SCRIPT>

第三步:把<body>改为
<BODY aLink=#ffffff bgColor=#ffffff link=#ffffff onload=start_it() 
onunload=end_it() text=#ffffff topMargin=0 vLink=#ffffff>
</textarea>
<SCRIPT LANGUAGE="JavaScript">

<!-- hide

function goHist(a) 

{

   history.go(a);

}

//-->

</script>

<FORM METHOD="post">
<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">
</form>
</center>
<br>
<br>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -