文本鏈接逐個出現(xiàn)的js腳本
更新時間:2007年12月12日 20:58:06 作者:
瀏覽網(wǎng)站時發(fā)現(xiàn)這個代碼,非常的不錯,高度為20的,文本廣告
調(diào)用代碼:<script type="text/javascript" src="http://img.jb51.net/imgby/txtad.js"></script>
var marqueeContent=new Array(); //滾動主題
marqueeContent[0]='<a ;
marqueeContent[1]='<a href="http://www.dbjr.com.cn/adsense/adsense.htm" target="_blank">Google AdSense</a>';
marqueeContent[2]='<a href="http://www.dbjr.com.cn/firefox/firefox.html" target="_blank">火狐瀏覽器下載</a>';
marqueeContent[3]='<a href="http://www.dbjr.com.cn/support.htm" class="hot" target="_blank">全站廣告位招租</a>';
marqueeContent[4]='<a ;
marqueeContent[5]='<a href="http://www.dbjr.com.cn/adsense/adsense.htm" target="_blank">Google AdSense</a>';
marqueeContent[6]='<a ;
var marqueeInterval=new Array(); //定義一些常用而且要經(jīng)常用到的變量
var marqueeId=0;
var marqueeDelay=4000;
var marqueeHeight=20;
function initMarquee() {
var str=marqueeContent[0];
document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
marqueeId++;
marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
function startMarquee() {
var str=marqueeContent[marqueeId];
marqueeId++;
if(marqueeId>=marqueeContent.length) marqueeId=0;
if(marqueeBox.childNodes.length==1) {
var nextLine=document.createElement('DIV');
nextLine.innerHTML=str;
marqueeBox.appendChild(nextLine);
}
else {
marqueeBox.childNodes[0].innerHTML=str;
marqueeBox.appendChild(marqueeBox.childNodes[0]);
marqueeBox.scrollTop=0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",10);
}
function scrollMarquee() {
marqueeBox.scrollTop++;
if(marqueeBox.scrollTop%marqueeHeight==marqueeHeight){
clearInterval(marqueeInterval[1]);
}
}
initMarquee();
調(diào)用代碼:<script type="text/javascript" src="http://img.jb51.net/imgby/txtad.js"></script>
復(fù)制代碼 代碼如下:
var marqueeContent=new Array(); //滾動主題
marqueeContent[0]='<a ;
marqueeContent[1]='<a href="http://www.dbjr.com.cn/adsense/adsense.htm" target="_blank">Google AdSense</a>';
marqueeContent[2]='<a href="http://www.dbjr.com.cn/firefox/firefox.html" target="_blank">火狐瀏覽器下載</a>';
marqueeContent[3]='<a href="http://www.dbjr.com.cn/support.htm" class="hot" target="_blank">全站廣告位招租</a>';
marqueeContent[4]='<a ;
marqueeContent[5]='<a href="http://www.dbjr.com.cn/adsense/adsense.htm" target="_blank">Google AdSense</a>';
marqueeContent[6]='<a ;
var marqueeInterval=new Array(); //定義一些常用而且要經(jīng)常用到的變量
var marqueeId=0;
var marqueeDelay=4000;
var marqueeHeight=20;
function initMarquee() {
var str=marqueeContent[0];
document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
marqueeId++;
marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
function startMarquee() {
var str=marqueeContent[marqueeId];
marqueeId++;
if(marqueeId>=marqueeContent.length) marqueeId=0;
if(marqueeBox.childNodes.length==1) {
var nextLine=document.createElement('DIV');
nextLine.innerHTML=str;
marqueeBox.appendChild(nextLine);
}
else {
marqueeBox.childNodes[0].innerHTML=str;
marqueeBox.appendChild(marqueeBox.childNodes[0]);
marqueeBox.scrollTop=0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",10);
}
function scrollMarquee() {
marqueeBox.scrollTop++;
if(marqueeBox.scrollTop%marqueeHeight==marqueeHeight){
clearInterval(marqueeInterval[1]);
}
}
initMarquee();
相關(guān)文章
漂亮的js tab圖片輪換效果代碼(可自定義的幻燈片和圖片緩沖切換)
偶然瀏覽網(wǎng)上發(fā)現(xiàn)一款非常漂亮的幻燈片效果代碼,特給大家整理了下,非常漂亮的tab 幻燈片效果代碼,里面是js類實現(xiàn)的,可以修改2008-12-12