کد محو شدن متن یا لینک

          amir 
            بازدید : 146
          شنبه 09 آذر 1392
           نظرات (0)
        

کد محو شدن متن یا لینک Fading

این کد یک افکت محو شوندگی و ظاهر شدن متن جدید را به نمایش در می آورد که در اصطلاح به آن کد Fading می گوییم

کافیست کدهای بخش head و body را در قالب خود کپی کنید و متن های انگلیسی را به فارسی در بخش script تغییر دهید و آنها را حذف یا اضافه کنید

<html> <head> <title>Cross Fading News Ticker</title> <style> <!-- a{text-decoration:none;} --> </style> <script language="JavaScript"> <!-- //Cross Fading News Ticker - Copyright (c) 2002, Nick Radford //Use this script as you want... though give me credit for it! NewsDelay=3000 //Time each story is displayed for NewsFadeDelay=1000 //Time taken to fade from one story to the next NewsFont='Arial' //Ticket font family NewsFontSize='4' //Ticket font size NewsTextColor=new Array("#000000","#111111","#222222","#333333","#444444","#555555","#666666","#777777","#888888","#999999","#aaaaaa","#bbbbbb","#cccccc","#dddddd","#eeeeee","#ffffff") NewsStory=0 //Working Variable LastNewsStory=0 //Working Variable NewsColor=0 //Working Variable NewsArray=new Array( 'Cross Fading News Ticker. <br>Copyright © 2002, Nick Radford' , 'http://www.javaweb.blogsky.com', 'Place any text you want into the JavaScript array at the top of this script' , 'http://www.javaweb.blogsky.com', 'And this script will smoothly fade from one text entry...' , 'http://www.javaweb.blogsky.com', 'Into the next one..!' , 'http://www.URL4.com', 'You can also define hyperlinks for each ticker entry' , 'http://www.javaweb.blogsky.com', 'Dont forget... <br>If you like this script<br>vote for me..!' , 'http://www.javaweb.blogsky.com', '') function DisplayNews(){ LastNewsStory=NewsStory NewsStory++; if( NewsStory>(Math.floor(NewsArray.length/2)) ){NewsStory=1} FadeNews() } function FadeNews(){ if (NewsColor<(NewsTextColor.length)/2){var NewsLayer=1} else {var NewsLayer=2} //Old Story if (LastNewsStory>0){ var NewsText = '<a href="'+ NewsArray[(LastNewsStory-1)*2+1] +'"><font color="'+ NewsTextColor[NewsColor] +'" face="'+ NewsFont +'" size="'+ NewsFontSize +'">'+ NewsArray[(LastNewsStory-1)*2] +'</font></a>' if(document.layers){ document.eval('newslayer'+(3-NewsLayer)).document.write(NewsText); document.eval('newslayer'+(3-NewsLayer)).document.close() }//NN4 if(document.all){ eval('newslayer'+(3-NewsLayer)).innerHTML=NewsText }//IE if(!document.all && document.getElementById){ document.getElementById('newslayer'+(3-NewsLayer)).innerHTML=NewsText }//NN6 } //New Story var NewsText = '<a href="'+ NewsArray[(NewsStory-1)*2+1] +'"><font color="'+ NewsTextColor[(NewsTextColor.length)-NewsColor-1] +'" face="'+ NewsFont +'" size="'+ NewsFontSize +'">'+ NewsArray[(NewsStory-1)*2] +'</font></a>' if(document.layers){ document.eval('newslayer'+NewsLayer).document.write(NewsText); document.eval('newslayer'+NewsLayer).document.close() }//NN4 if(document.all){ eval('newslayer'+NewsLayer).innerHTML=NewsText }//IE if(!document.all && document.getElementById){ document.getElementById('newslayer'+NewsLayer).innerHTML=NewsText; }//NN6 NewsColor++ if (NewsColor>=NewsTextColor.length){ NewsColor=0; setTimeout('DisplayNews()',NewsDelay) } else { setTimeout('FadeNews()',NewsFadeDelay/NewsTextColor.length) } } //--> </script> </head> <body bgcolor="#ffffff" onload="DisplayNews()"> <div id="newslayer1" style="position:absolute; left:20; top:20; width:300; height:200; z-index:1; visibility:visible;"> </div> <div id="newslayer2" style="position:absolute; left:20; top:20; width:300; height:200; z-index:2; visibility:visible;"> </div> </body> </html>

ارسال نظر برای این مطلب