📄 褪色过渡.txt

📁 这个是 Java Script特效（新）,
💻 TXT
字号:
先将下列代码复制到<head></head>之间：
<STYLE type=text/css>
.text {
	LEFT: -2000px; POSITION: absolute; WIDTH: 300px
}

.cover {
	LEFT: -2000px; POSITION: absolute
}
</STYLE>

<SCRIPT language=JavaScript>
<!--
var picOne=new Image()
picOne.src="103.gif"  //你的图象路径

var picTwo=new Image()
picTwo.src="104.gif"   //同上

var picThree=new Image()
picThree.src="105.gif"  //同上

var message = new Array()
message[0]="<img src='103.gif'>"   //同上
message[1]="<img src='104.gif'>"   //同上
message[2]="<img src='105.gif'>"   //同上
var i_message=0
var covertop=30   //图片出现的位置
var coverleft=250  //同上
var coverwidth=1200
var coverheight=97
var texttop=covertop
var textleft=coverleft
var textwidth=300
var textheight=coverheight
var cliptop=0
var clipright=textwidth
var clipbottom=coverheight
var clipleft=0
var clippoints
var step=40
var pause=50
var timer

function init() {
    if (document.all) {
	    document.all.text.style.posTop=texttop
        document.all.text.style.posLeft=textleft
        document.all.cover.style.posTop=covertop
        document.all.cover.style.posLeft=coverleft
        clipleft=0
        fadeout()
    }
	
	if (document.layers) {
	    document.text.top=texttop
        document.text.left=textleft
        document.cover.top=covertop
        document.cover.left=coverleft
        clipleft=0
        fadeout()
    }
}

function fadeout() {
if (document.all) {
    if (document.all.cover.style.posLeft >=(-coverwidth+textwidth+coverleft+step)) {   
        clipleft+=step
        clipright=clipleft+textwidth
        clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		document.all.cover.style.clip=clippoints
        document.all.cover.style.posLeft-=step
        timer= setTimeout("fadeout()",pause)
    }
    else {
        clearTimeout(timer)
        i_message++
        if (i_message>=message.length) {i_message=0}
        text.innerHTML=message[i_message]   
        fadein()
    }
}
if (document.layers) {
	if (document.cover.left >=(-coverwidth+textwidth+coverleft+step-22)) {   
        clipleft+=step
        clipright=clipleft+textwidth
		document.cover.clip.top=cliptop
		document.cover.clip.left=clipleft
		document.cover.clip.bottom=clipbottom
		document.cover.clip.right=clipright
        document.cover.left-=step
        timer= setTimeout("fadeout()",pause)
    }
    else {
        clearTimeout(timer)
        i_message++
        if (i_message>=message.length) {i_message=0}
        document.text.document.write(message[i_message]) 
		document.text.document.close()  
        fadein()
    }
}
}

function fadein() {
if (document.layers) {
    if (document.cover.left<=coverleft) {   
		clipleft-=step
        clipright=clipleft+textwidth
		document.cover.clip.top=cliptop
		document.cover.clip.left=clipleft
		document.cover.clip.bottom=clipbottom
		document.cover.clip.right=clipright
        document.cover.left+=step
        timer= setTimeout("fadein()",pause)
    }
    else {
        clearTimeout(timer)
        init()
    }
}
if (document.all) {
    if (document.all.cover.style.posLeft<=coverleft) {   
        clipleft-=step
        clipright=clipleft+textwidth
        clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		document.all.cover.style.clip=clippoints
        document.all.cover.style.posLeft+=step
        timer= setTimeout("fadein()",pause)
    }
    else {
        clearTimeout(timer)
        init()
    }
}
}
//  -->
</SCRIPT>



再将下列代码复制到<body></body>之间：
<body onload=init() style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%">
<DIV class=text id=text><IMG 
src="1.gif"></DIV>
<div class=cover id=cover><img 
src="2.gif"></div>
⌨️ 快捷键说明

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