文本链接逐个出现的js脚本


Posted in Javascript onDecember 12, 2007

浏览网站时发现这个代码,非常的不错,高度为20的,文本广告
调用代码:<script type="text/javascript" src="http://img.3water.com/imgby/txtad.js"></script>

var marqueeContent=new Array();   //滚动主题                       
marqueeContent[0]='<a href="http://www.pcjc8.com" target="_blank">全站资料下载站</a>'; 
marqueeContent[1]='<a href="https://3water.com/adsense/adsense.htm" target="_blank">Google AdSense</a>'; 
marqueeContent[2]='<a href="https://3water.com/firefox/firefox.html" target="_blank">火狐浏览器下载</a>'; 
marqueeContent[3]='<a href="https://3water.com/support.htm" class="hot" target="_blank">全站广告位招租</a>'; 
marqueeContent[4]='<a href="http://www.pcjc8.com" class="hot" target="_blank">全站资料下载站</a>'; 
marqueeContent[5]='<a href="https://3water.com/adsense/adsense.htm" target="_blank">Google AdSense</a>'; 
marqueeContent[6]='<a href="http://www.pcjc8.com" class="hot">全站资料下载站</a>'; 
var marqueeInterval=new Array();  //定义一些常用而且要经常用到的变量 
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();
Javascript 相关文章推荐
用Javascript评估用户输入密码的强度(Knockout版)
Nov 30 Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
Feb 18 Javascript
ExtJS4 动态生成的grid导出为excel示例
May 02 Javascript
用js的document.write输出的广告无阻塞加载的方法
Jun 05 Javascript
Jquery实现瀑布流布局(备有详细注释)
Jul 31 Javascript
基于JavaScript实现树形下拉框
Aug 10 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
layui表格checkbox选择全选样式及功能的实例
Mar 07 Javascript
原生实现一个react-redux的代码示例
Jun 08 Javascript
超详细的5个Shell脚本实例分享(值得收藏)
Aug 15 Javascript
vue 实现 rem 布局或vw 布局的方法
Nov 13 Javascript
vue 解决setTimeOut和setInterval函数无效报错的问题
Jul 30 Javascript
JavaScript创建命名空间(namespace)的最简实现
Dec 11 #Javascript
js模拟实现Array的sort方法
Dec 11 #Javascript
看了就知道什么是JSON
Dec 09 #Javascript
javascript while语句和do while语句的区别分析
Dec 08 #Javascript
js中将多个语句写成一个语句的两种方法小结
Dec 08 #Javascript
JavaScript开发时的五个注意事项
Dec 08 #Javascript
JS的递增/递减运算符和带操作的赋值运算符的等价式
Dec 08 #Javascript
You might like
PHP实现Socket服务器的代码
2008/04/03 PHP
PHP在字符断点处截断文字的实现代码
2011/04/21 PHP
安装apache2.2.22配置php5.4(具体操作步骤)
2013/06/26 PHP
php 过滤英文标点符号及过滤中文标点符号代码
2014/06/12 PHP
PHP获取文件的MD5值并判断是否被修改的例子
2014/06/19 PHP
PHP实现图片压缩的两则实例
2014/07/19 PHP
php实现求相对时间函数
2015/06/15 PHP
通过Email发送PHP错误的方法
2015/07/20 PHP
yii2使用GridView实现数据全选及批量删除按钮示例
2017/03/01 PHP
使用js获取QueryString的方法小结
2010/02/28 Javascript
myFocus slide3D v1.1.0 使用方法与下载
2011/01/12 Javascript
js获取 type=radio 值的方法
2014/05/09 Javascript
详解Javascript百度地图接口开发文档中的类和方法
2017/02/07 Javascript
Vue.js弹出模态框组件开发的示例代码
2017/07/26 Javascript
Javascript删除数组里的某个元素
2019/02/28 Javascript
[39:32]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第二场
2014/05/23 DOTA
[15:07]lgd_OG_m2_BP
2019/09/10 DOTA
[01:09:01]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第一场 10.28
2020/10/28 DOTA
使用Python编写Linux系统守护进程实例
2015/02/03 Python
Python3中简单的文件操作及两个简单小实例分享
2017/06/18 Python
Python初学时购物车程序练习实例(推荐)
2017/08/08 Python
python 实现一个贴吧图片爬虫的示例
2017/10/12 Python
Python简单读取json文件功能示例
2017/11/30 Python
Python实现绘制双柱状图并显示数值功能示例
2018/06/23 Python
Python内存读写操作示例
2018/07/18 Python
tensorflow实现逻辑回归模型
2018/09/08 Python
TensorFlow实现自定义Op方式
2020/02/04 Python
Python基于Hypothesis测试库生成测试数据
2020/04/29 Python
浅谈python锁与死锁问题
2020/08/14 Python
python产生模拟数据faker库的使用详解
2020/11/04 Python
基于 HTML5 Canvas实现 的交互式地铁线路图
2018/03/05 HTML / CSS
Linux文件系统类型
2012/09/16 面试题
小学生自我鉴定
2013/10/12 职场文书
小学音乐教学反思
2014/02/05 职场文书
经典公益广告词
2014/03/13 职场文书
高三英语教学反思
2016/03/03 职场文书