生活随笔
收集整理的這篇文章主要介紹了
向上滚动的文字的淡入淡出效果
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
點擊(此處)折疊或打開
<html>
????<head>
????<title>向上滾動的文字的淡入淡出效果丨保定營銷策劃公司-河北營銷策劃公司</title>
????<meta http-equiv=\"content-Type\" content=\"text/html;charset=gb2312\">
????<!--把下面代碼加到與之間-->
????<style type=\"text/css\">
????.textanimlink {
????TEXT-DECORATION: none
????}
????A {
????TEXT-DECORATION: none
????}
????P.main {
????FONT-FAMILY: Arial; FONT-SIZE: 15pt; FONT-WEIGHT: bold
????}
????</style>
????</head>
????<!--把改為-->
????<body bgproperties=\"fixed\">
????<!--把下面代碼加到與之間-->
????<script language=\"Javascript\">
????bname=navigator.appName;
????bversion=parseInt(navigator.appVersion)
????if ((bname==\"Netscape\" && bversion>=4) || (bname==\"Microsoft Internet Explorer\" && bversion>=4))
????window.onload=start
????else
????stop();
????window.onunload=stop
????if (bname==\"Netscape\"){
????brows=true
????dt=2
????}
????else{
????brows=false
????dt=20
????}
????var z=0;
????var msg=0;
????var rgb=0;
????var link=false;
????var status=true;
????var updwn=false;
????var message= new Array();
????var value=0;
????var h=window.innerHeight;
????var w=window.innerWidth;
????var timer1;
????var timer2;
????var timer3;
????var convert = new Array()
????var hexbase= new Array(\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"A\", \"B\", \"C\", \"D\", \"E\", \"F\");
????var bgcolor=\"#0000FF\"; //背景色
????var color=\"#FF0000\"; //字符顏色
????message[0]=\'歡迎光臨『芯晴網頁特效』\'
????message[1]=\'請記住本站地址：www.CsrCode.cn\'
????message[2]=\'本站特效資源一直更新，敬請關注\'
????message[3]=\'芯晴網頁特效\'
????for (x=0; x<16; x++){
????for (y=0; y<16; y++){
????convert[value]= hexbase[x] + hexbase[y];
????value++;
????}
????}
????redx=color.substring(1,3);
????greenx=color.substring(3,5);
????bluex=color.substring(5,7);
????hred=eval(parseInt(redx,16));
????hgreen=eval(parseInt(greenx,16));
????hblue=eval(parseInt(bluex,16));
????eredx=bgcolor.substring(1,3);
????egreenx=bgcolor.substring(3,5);
????ebluex=bgcolor.substring(5,7);
????ered=eval(parseInt(eredx,16));
????egreen=eval(parseInt(egreenx,16));
????eblue=eval(parseInt(ebluex,16));
????red=ered;
????green=egreen;
????blue=eblue;
????function start(){
????if ((bname==\"Netscape\" && bversion>=4) || (bname==\"Microsoft Internet Explorer\" && bversion>=4)){
????link=false;
????updwn=true;
????if (brows)
????res=document.layers[\'textanim\'].top
????else{
????textanim.style.width=document.body.offsetWidth-20;
????textanim.innerHTML=\'\'
+message[msg]+\'\'
????res=textanim.style.top
????for (x=0; x<document.all.length; x++)
????if(document.all[x].id==\"textanimlink\")
????link=true;
????}
????up()
????}
????}
????function stop(){
????clearTimeout(timer1);
????clearTimeout(timer2);
????clearTimeout(timer3);
????}
????function resz(){
????h=window.innerHeight;
????w=window.innerWidth;
????if (updwn)
????timer1=setTimeout(\'up()\',1000)
????else
????timer2=setTimeout(\'down()\',1000)
????}
????function breakf(){
????if (status){
????clearTimeout(timer1);
????clearTimeout(timer2);
????status=false
????return;
????}
????else{
????status=true;
????if (updwn)
????timer1=setTimeout(\'up()\',dt)
????else
????timer2=setTimeout(\'down()\',dt)
????}
????}
????function up(){
????if (red<hred){
????if ((red+7)<hred)
????red+=7;
????else
????red=hred
????redx = convert[red]
????}
????else{
????if ((red-7)>hred)
????red-=7;
????else
????red=hred
????redx = convert[red]
????}
????if (green<hgreen){
????if ((green+7)<hgreen)
????green+=7;
????else
????green=hgreen
????greenx = convert[green]
????}
????else{
????if ((green-7)>hgreen)
????green-=7;
????else
????green=hgreen
????greenx = convert[green]
????}
????if (blue<hblue){
????if ((blue+7)<hblue)
????blue+=7;
????else
????blue=hblue
????bluex = convert[blue]
????}
????else{
????if ((blue-7)>hblue)
????blue-=7;
????else
????blue=hblue
????bluex = convert[blue]
????}
????rgb = \"#\"+redx+greenx+bluex;
????if (brows){
????document.layers[\'textanim\'].document.linkColor=rgb;
????document.layers[\'textanim\'].document.vlinkColor=rgb;
????if (window.innerHeight!=h || window.innerWidth!=w){
????clearTimeout(timer1);
????resz()
????return;
????}
????else{
????document.layers[\'textanim\'].document.write(\'+rgb+\'\">\'+message[msg]+\'
\')
????document.layers[\'textanim\'].document.close();
????}
????}
????else{
????textanim.style.color=rgb;
????if(link)
????textanimlink.style.color=rgb;
????}
????if (z<38){
????if (brows)
????document.layers[\'textanim\'].top--
????else
????textanim.style.posTop--
????z++
????timer1=setTimeout(\'up()\',dt)
????}
????else
????{
????updwn=false;
????down()
????}
????}
????function down(){
????if (red<ered){
????if ((red+7)<ered)
????red+=7;
????else
????red=ered
????redx = convert[red]
????}
????else{
????if ((red-7)>ered)
????red-=7;
????else
????red=ered
????redx = convert[red]
????}
????if (green<egreen){
????if ((green+7)<egreen)
????green+=7;
????else
????green=egreen
????greenx = convert[green]
????}
????else{
????if ((green-7)>egreen)
????green-=7;
????else
????green=egreen
????greenx = convert[green]
????}
????if (blue<eblue){
????if ((blue+7)<eblue)
????blue+=7;
????else
????blue=eblue
????bluex = convert[blue]
????}
????else{
????if ((blue-7)>eblue)
????blue-=7;
????else
????blue=eblue
????bluex = convert[blue]
????}
????rgb = \"#\"+redx+greenx+bluex;
????if (brows){
????document.layers[\'textanim\'].document.linkColor=rgb;
????document.layers[\'textanim\'].document.vlinkColor=rgb;
????if (window.innerHeight!=h || window.innerWidth!=w){
????clearTimeout(timer2);
????resz()
????return;
????}
????else{
????document.layers[\'textanim\'].document.write(\'+rgb+\'\">\'+message[msg]+\'
\')
????document.layers[\'textanim\'].document.close();
????}
????}
????else{
????textanim.style.color=rgb;
????if(link)
????textanimlink.style.color=rgb;
????}
????if (z<76){
????if (brows)
????document.layers[\'textanim\'].top--
????else
????textanim.style.posTop--
????z++
????timer2=setTimeout(\'down()\',dt)
????}
????else
????{
????if (brows){
????document.layers[\'textanim\'].document.write(\'\')
????document.layers[\'textanim\'].document.close();
????}
????else
????textanim.innerHTML=\'\';
????window.clearInterval(timer2);
????if(msg<message.length-1){
????msg++;
????z=0;
????if (brows){
????document.layers[\'textanim\'].top=res;
????}
????else
????textanim.style.top=res;
????timer3=setTimeout(\'start()\',100);
????}
????else
????{
????msg=0;
????z=0;
????if (brows)
????document.layers[\'textanim\'].top=res;
????else
????textanim.style.top=res;
????timer3=setTimeout(\'start()\',2000);
????}
????}
????}
????</script>
????<div id=\"textanim\" onclick=\"breakf()\"
????style=\"left: 36; position: absolute; top: 60; width: 447; height: 19\"> </div>
????</body>
????</html>
????<br><br><br><br><br> 來自 “ ITPUB博客 ” ，鏈接：http://blog.itpub.net/29737856/viewspace-1371036/，如需轉載，請注明出處，否則將追究法律責任。
轉載于:http://blog.itpub.net/29737856/viewspace-1371036/
總結
以上是生活随笔為你收集整理的向上滚动的文字的淡入淡出效果的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
