背景特效

2005-11-27

版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
 http://sunnywinter.blogbus.com/logs/1638494.html

	背景置中
	演示:

请将如下代码放入<body>区域中：

	背景置右上
	演示:

请将如下代码放入<body>区域中：

	背景置左上
	演示:

请将如下代码放入<body>区域中：

	背景横排置上
	演示:

请将如下代码放入<body>区域中：

	背景横排置下
	演示:

请将如下代码放入<body>区域中：

	透明背景
	演示:

请将如下代码放入<body>区域中：

	变换背景色彩
	演示:
	■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■

请将如下代码放入<body>区域中：

	满天星星
	演示:

请将如下代码放入<body>区域中：

	左右载入
	演示:请见本页

请将如下代码放入<head>区域中：

请将如下代码放入<body>区域中：

<div id="DIV1" class="intro"></div><div id="DIV2" class="intro"></div>
<SCRIPT Language="JavaScript">
var speed=20
var temp=new Array()
var temp2=new Array()

if (document.layers){
for (i=1;i<=2;i++){
temp[i]=eval("document.layers.DIV"+i+".clip")
temp2[i]=eval("document.layers.DIV"+i)
temp[i].width=window.innerWidth/2
temp[i].height=window.innerHeight
temp2[i].left=(i-1)*temp[i].width
}
}
else if (document.all){
var clipright=document.body.clientWidth/2,clipleft=0
for (i=1;i<=2;i++){
temp[i]=eval("document.all.DIV"+i+".style")
temp[i].width=document.body.clientWidth/2
temp[i].height=document.body.offsetHeight
temp[i].left=(i-1)*parseInt(temp[i].width)
}
}

function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].right-=speed
temp[2].left+=speed

if (temp[2].left>window.innerWidth/2)
clearInterval(stopmove)
}
else if (document.all){
clipright-=speed
temp[1].clip="rect(0 "+clipright+" auto 0)"
clipleft+=speed
temp[2].clip="rect(0 auto auto "+clipleft+")"

if (clipright<=0)
clearInterval(stopmove)
}
}

function layerMove(){
stopmove=setInterval("openit()",100)
}

window.onLoad=layerMove()
</SCRIPT>

	方型载入
	演示:请见本页

请将如下代码放入<head>区域中：

请将如下代码放入<body>区域中：

<div id="i1" class="intro"></div>
<SCRIPT Language="JavaScript">
var speed=5
if (document.layers){
var reference=window.innerWidth/window.innerHeight
var temp=eval("document.i1.clip")
temp.left=temp.top=0
temp.right=window.innerWidth
temp.bottom=window.innerHeight
}
else if (document.all){
var reference=document.body.clientWidth/document.body.clientHeight
var rightclip,leftclip,topclip,bottomclip
var temp=document.all.i1.style
topclip=leftclip=0
rightclip=temp.width=document.body.clientWidth
bottomclip=temp.height=document.body.clientHeight
}

function doit(){
window.scrollTo(0,0)
if (document.layers){
if (temp.left>window.innerWidth/2)
clearInterval(stopit)
temp.left+=reference*speed
temp.top+=speed
temp.right-=reference*speed
temp.bottom-=speed
}
else if (document.all){
if (leftclip>document.body.clientWidth/2)
clearInterval(stopit)
temp.clip="rect( "+topclip+" "+rightclip+" "+bottomclip+" "+leftclip+")"
leftclip+=reference*speed
topclip+=speed
rightclip-=reference*speed
bottomclip-=speed
}
}
stopit=setInterval("doit()",100)
</SCRIPT>

	背景左右移动
	演示:

请将如下代码放入<body>区域中：

说明:把<body>改成<BODY onLoad="haikei()" background="背景地址">

	背景一列固定
	演示:

请将如下代码放入<head>区域中：

	固定背景
	演示:

请将如下代码放入<body>区域中：

	背景置右下
	演示:

请将如下代码放入<body>区域中：

	背景置左下
	演示:

请将如下代码放入<body>区域中：

	背景横排置中
	演示:

请将如下代码放入<body>区域中：

	背景随意固定
	演示:

请将如下代码放入<body>区域中：

	背景向下移动
	演示:

请将如下代码放入<body>区域中：

	烟花背景
	演示:

请将如下代码放入<body>区域中：

<SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript">
<!--wenchin
var fireNo = 6;
var fireSize = 150;
var speed = 5;
var wa = 6;
var space = 15
var fireColor = new Array('#ffffff','#ff0000','#00ff00','#ffff00','#00ffff','#ff00ff','#ff8000','#ff80ff','#ff0080');

function getScrollPosY() {
    if (_dom == 1) return scrollY;
    if (_dom == 2) return pageYOffset;
    if (_dom == 3) return document.body.scrollTop;
}

function showLayer(layerName){
    if (_dom == 1) document.getElementById(layerName).style.visibility = "visible";
    if (_dom == 2) document.layers[layerName].visibility = "show";
    if (_dom == 3) document.all(layerName).style.visibility = "visible";
}

function hideLayer(layerName){
    if (_dom == 1) document.getElementById(layerName).style.visibility = "hidden";
    if (_dom == 2) document.layers[layerName].visibility = "hide";
    if (_dom == 3) document.all(layerName).style.visibility = "hidden";
}

function setHanabiPos() {
	rev = 0; radius1 = 0;
	getWindowSize(); sclY = getScrollPosY();
	startColor = fireColor[Math.floor(Math.random() * fireColor.length)];
    centerX =  Math.floor(Math.random() * (win_width - (fireSize + space * wa) * 2) + (fireSize + space * wa));
    centerY =  Math.floor(Math.random() * (win_height - (fireSize + space * wa) * 2) + (fireSize + space * wa)) + sclY;
    setTimeout("hanabi()",1000);
}

setHanabiPos();

//wenchin -->
</SCRIPT>

	上下载入
	演示:请见本页

请将如下代码放入<head>区域中：

请将如下代码放入<body>区域中：

<div id="i1" class="intro"></div><div id="i2" class="intro"></div>
<SCRIPT Language="JavaScript">
var speed=20
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (i=1;i<=2;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth
temp[i].height=window.innerHeight/2
temp2[i].top=(i-1)*temp[i].height
}
}
else if (document.all){
var clipbottom=document.body.offsetHeight/2,cliptop=0
for (i=1;i<=2;i++){
temp[i]=eval("document.all.i"+i+".style")
temp[i].width=document.body.clientWidth
temp[i].height=document.body.offsetHeight/2
temp[i].top=(i-1)*parseInt(temp[i].height)
}
}

function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].bottom-=speed
temp[2].top+=speed
if (temp[1].bottom<=0)
clearInterval(stopit)
}
else if (document.all){
clipbottom-=speed
temp[1].clip="rect(0 auto+"+clipbottom+" 0)"
cliptop+=speed
temp[2].clip="rect("+cliptop+" auto auto)"
if (clipbottom<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</SCRIPT>

	百叶窗载入
	演示:请见本页

请将如下代码放入<head>区域中：

请将如下代码放入<body>区域中：

<div id="i1" class="intro"> 
</div> 
<div id="i2" class="intro"> 
</div> 
<div id="i3" class="intro"> 
</div> 
<div id="i4" class="intro"> 
</div> 
<div id="i5" class="intro"> 
</div> 
<div id="i6" class="intro"> 
</div> 
<div id="i7" class="intro"> 
</div> 
<div id="i8" class="intro"> 
</div>
<SCRIPT Language="JavaScript">
var speed=20 
var temp=new Array() 
var temp2=new Array() 
if (document.layers){ 
for (i=1;i<=8;i++){ 
temp[i]=eval("document.i"+i+".clip") 
temp2[i]=eval("document.i"+i) 
temp[i].width=window.innerWidth/8-0.3 
temp[i].height=window.innerHeight 
temp2[i].left=(i-1)*temp[i].width 
} 
} 
else if (document.all){ 
var clipbottom=document.body.offsetHeight,cliptop=0 
for (i=1;i<=8;i++){ 
temp[i]=eval("document.all.i"+i+".style") 
temp[i].width=document.body.clientWidth/8 
temp[i].height=document.body.offsetHeight 
temp[i].left=(i-1)*parseInt(temp[i].width) 
} 
} 
function openit(){ 
window.scrollTo(0,0) 
if (document.layers){ 
for (i=1;i<=8;i=i+2) 
temp[i].bottom-=speed 
for (i=2;i<=8;i=i+2) 
temp[i].top+=speed 
if (temp[2].top>window.innerHeight) 
clearInterval(stopit) 
} 
else if (document.all){ 
clipbottom-=speed 
for (i=1;i<=8;i=i+2){ 
temp[i].clip="rect(0 auto+"+clipbottom+" 0)" 
} 
cliptop+=speed 
for (i=2;i<=8;i=i+2){ 
temp[i].clip="rect("+cliptop+" auto auto)" 
} 
if (clipbottom<=0) 
clearInterval(stopit) 
} 
} 
function gogo(){ 
stopit=setInterval("openit()",100) 
} 
gogo()
</SCRIPT>

	背景倾斜移动
	演示:

请将如下代码放入<body>区域中：

	背景向右移动
	演示:

请将如下代码放入<body>区域中：

	降落的流星群
	演示:

请将如下代码放入<body>区域中：

历史上的今天：

经典特效 2005-11-27

随机文章：

股民重点关注：100%暴涨牛股技巧公式 2009-11-05

Friends 2007-09-10

圣诞。。购物。。快乐 2005-12-23

经典特效 2005-11-27

收藏到：Del.icio.us

Tag：

引用地址：

sunnywinter 发表于08:38:01 | 编辑 | 继续话题 | 转发 | 分享　0

｛春暖花开｝

背景特效

2005-11-27

历史上的今天：

随机文章：

个人资料

sunnywinter

日历

搜索

文章分类

Tag

最新文章

最新评论

链接

存档

｛春暖花开｝

背景特效

2005-11-27

历史上的今天：

随机文章：

个人资料

sunnywinter

日历

搜索

管理

文章分类

Tag

最新文章

最新评论

链接

存档