文本链接逐个出现的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 相关文章推荐
jquery 屏蔽一个区域内的所有元素,禁止输入
Oct 22 Javascript
关于javascript中this关键字(翻译+自我理解)
Oct 20 Javascript
jquery实现瀑布流效果分享
Mar 26 Javascript
实例讲解JS中数组Array的操作方法
May 09 Javascript
js实现的星星评分功能函数
Dec 09 Javascript
第八篇Bootstrap下拉菜单实例代码
Jun 21 Javascript
js删除局部变量的实现方法
Jun 25 Javascript
关于Promise 异步编程的实例讲解
Sep 01 Javascript
Vue-路由导航菜单栏的高亮设置方法
Mar 17 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
JavaScript享元模式原理与用法实例详解
Mar 09 Javascript
Threejs实现滴滴官网首页地球动画功能
Jul 13 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
PHP4之真OO
2006/10/09 PHP
PHP关联数组实现根据元素值删除元素的方法
2015/06/26 PHP
ThinkPHP连接Oracle数据库
2016/04/22 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
php数组函数array_push()、array_pop()及array_shift()简单用法示例
2020/01/26 PHP
超级有用的13个基于jQuery的内容滚动插件和教程
2011/07/31 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
jQuery实现自定义下拉列表
2015/01/05 Javascript
JavaScript页面模板库handlebars的简单用法
2015/03/02 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
2015/05/06 Javascript
JS常用函数和常用技巧小结
2016/10/15 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
vue2.0 keep-alive最佳实践
2017/07/06 Javascript
浅析Vue自定义组件的v-model
2017/11/26 Javascript
详解iview的checkbox多选框全选时校验问题
2019/06/10 Javascript
微信小程序本地存储实现每日签到、连续签到功能
2019/10/09 Javascript
vue导入.md文件的步骤(markdown转HTML)
2020/12/31 Vue.js
vue3.0中友好使用antdv示例详解
2021/01/05 Vue.js
python在指定目录下查找gif文件的方法
2015/05/04 Python
Python使用os模块和fileinput模块来操作文件目录
2016/01/19 Python
浅析Python基础-流程控制
2016/03/18 Python
Python实现聊天机器人的示例代码
2018/07/09 Python
python实现指定字符串补全空格、前面填充0的方法
2018/11/16 Python
django框架实现一次性上传多个文件功能示例【批量上传】
2019/06/19 Python
Python实现读取并写入Excel文件过程解析
2020/05/27 Python
解决TensorFlow训练模型及保存数量限制的问题
2021/03/03 Python
交通法规咨询中心工作职责
2013/11/27 职场文书
个性大学生自我评价
2013/12/04 职场文书
网络研修随笔感言
2014/02/17 职场文书
2015年小学实验室工作总结
2015/07/28 职场文书
如何做好工作总结!
2019/04/10 职场文书
MySQL如何构建数据表索引
2021/05/13 MySQL
python关于集合的知识案例详解
2021/05/30 Python
Python四款GUI图形界面库介绍
2022/06/05 Python
JS实现页面炫酷的时钟特效示例
2022/08/14 Javascript