📄 0061.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0032)http://www.ie-zone.com/index.php --><HTML><HEAD><TITLE>很Cool的文字转换效果</TITLE><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; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}INPUT { FONT-SIZE: 12px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}SELECT { FONT-SIZE: 12px;FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}P { FONT-SIZE: 12px;FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}TEXTAREA { FONT-SIZE: 12px;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[i]+".location='"+args[i+1]+"'");}function JM_cc(ob){var obj=MM_findObj(ob); if (obj) { obj.select();js=obj.createTextRange();js.execCommand("Copy");}}function MM_findObj(n, d) { //v4.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && document.getElementById) x=document.getElementById(n); return x;}//--></SCRIPT><META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD><BODY id=all text=#000000 bgColor=#336699 style="width:100%;overflow-x:hidden;overflow-y:scroll" onLoad="if(document.all&&window.print)init()"><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_1.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_2.gif" width=11 height="14"></TD> </TR></TABLE><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../../images/space.gif" width=11 height="1"></TD> <TD width="100%"> <table width="100%" border="0" cellpadding="8"> <tr> <td align="center"> <script language="JavaScript">document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");</script> </td> </tr> <tr> <td height="100"> <style type="text/css">.textstyle { position:absolute; left:-2000px; width:400px; font-family:Arial; font-size:20pt; font-weight:bold; text-align:center; color:FFFFFF; filter:glow(color=red,strength=2);}.coverstyle { position:absolute; left:-2000px;}</style> <script language="JavaScript1.2">/*Dissolving text effect - By Peter Gehrig (http://www.24fun.ch/)Permission given to Dynamicdrive.com to feature script in it's archive.For full source code, installation instructions, and 1000's more DHTML scripts,visit http://dynamicdrive.com*/var message = new Array()message[0]="欢迎访问无忧脚本 www.51js.com"message[1]="曾经有一个比较好的Dhtml网站"message[2]="摆在我的面前，我不懂得珍惜"message[3]="等到失去了，才后悔末及"message[4]="如果上天给我一次机会"message[5]="我会再次访问 www.51js.com"var i_message=0// The trick of this script is a simple gif-image// consisting of two colors: black and white dots.// The black dots are transparent.// By wipeing this gif-image back and forth over the// textmessages you get an attractive dissolving effect.// This image is called slidefader.gif.// Configure the left and top margin of the text (pixels).var covertop=80var coverleft=150// Configure the size of the wipeing gif-image. // If you change the size you should create a new image too.// The coverheight also represents the height of the textzone.var coverwidth=1200var coverheight=96var texttop=covertopvar textleft=coverleft//configure width of text effect//be sure to change the corresponding width attribute above in the <style> tag to matchvar textwidth=400var textheight=coverheightvar cliptop=0var clipright=textwidthvar clipbottom=coverheightvar clipleft=0var clippoints// Configure the speeds of the wipeing effectvar step=40var pause=50var timerfunction 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() }}function fadeout() { 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() }}function fadein() { 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> <script language="JavaScript1.2">if (document.all&&window.print){document.write('<DIV ID="text" class="textstyle">'+message[0]+'</div>')document.write('<DIV ID="cover" class="coverstyle"><img src="img/slidefader.gif"></DIV>')}</script> </td> </tr> <tr> <td>1.将下面的代码复制到 <head> 内 <input type="button" name="Button" value="复制到我的剪贴板" onClick=JM_cc('js_1')> <br> <form name="form1" method="post" action=""> <textarea name="js_1" wrap="VIRTUAL" cols="80" rows="10"><style type="text/css">.textstyle { position:absolute; left:-2000px; width:400px; font-family:Arial; font-size:20pt; font-weight:bold; text-align:center; color:FFFFFF; filter:glow(color=red,strength=2);}.coverstyle { position:absolute; left:-2000px;}</style><script LANGUAGE="JavaScript1.2">/*Dissolving text effect - By Peter Gehrig (http://www.24fun.ch/)Permission given to Dynamicdrive.com to feature script in it's archive.For full source code, installation instructions, and 1000's more DHTML scripts,visit http://dynamicdrive.com*/var message = new Array()message[0]="Welcome to Dynamic Drive"message[1]="The #1 DHTML site on the net"message[2]="Here you\'ll find free DHTML scripts and components"message[3]="All of which utilize the latest in DHTML\/ JavaScript technology"message[4]="Enjoy your stay here"message[5]="And have a wonderful Christmas Holiday!"var i_message=0// The trick of this script is a simple gif-image// consisting of two colors: black and white dots.// The black dots are transparent.// By wipeing this gif-image back and forth over the// textmessages you get an attractive dissolving effect.// This image is called slidefader.gif.// Configure the left and top margin of the text (pixels).var covertop=20var coverleft=150// Configure the size of the wipeing gif-image. // If you change the size you should create a new image too.// The coverheight also represents the height of the textzone.var coverwidth=1200var coverheight=96var texttop=covertopvar textleft=coverleft//configure width of text effect//be sure to change the corresponding width attribute above in the <style> tag to matchvar textwidth=400var textheight=coverheightvar cliptop=0var clipright=textwidthvar clipbottom=coverheightvar clipleft=0var clippoints// Configure the speeds of the wipeing effectvar step=40var pause=50var timerfunction 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() }}function fadeout() { 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() }}function fadein() { 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></textarea> </form> <br> 2.将下面的代码复制到 <body> 内 <input type="button" name="js_2" value="复制到我的剪贴板" onClick=JM_cc('js_2')> <br> <form name="form1" method="post" action=""> <textarea name="js_2" wrap="VIRTUAL" cols="80" rows="10"><script language="JavaScript1.2">if (document.all&&window.print){document.write('<DIV ID="text" class="textstyle">'+message[0]+'</div>')document.write('<DIV ID="cover" class="coverstyle"><img src="slidefader.gif"></DIV>')}</script></textarea> </form> <br> 3.此效果使用到的一张图片 <a href="img/slidefader.gif">slidefader.gif</a></td> </tr> </table> </TD> <TD><IMG src="../../images/space.gif" width=11 height="1"></TD> </TR></TABLE><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_3.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_4.gif" width=11 height="14"></TD> </TR></TABLE></BODY></HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -