文本链接逐个出现的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 相关文章推荐
捕获关闭窗口的脚本
Jan 10 Javascript
jQuery下的几个你可能没用过的功能
Aug 29 Javascript
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
Oct 26 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
Jan 15 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
Mar 24 Javascript
基于BootStrap的图片轮播效果展示实例代码
May 23 Javascript
BootStrap Table对前台页面表格的支持实例讲解
Dec 22 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
Feb 10 Javascript
react-router实现跳转传值的方法示例
May 27 Javascript
微信小程序pinker组件使用实现自动相减日期
May 07 Javascript
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
Jan 13 Vue.js
js Proxy的原理详解
May 25 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
IIS环境下快速安装、配置和调试PHP5.2.0
2006/12/17 PHP
Yii中的relations数据关联查询及统计功能用法详解
2016/07/14 PHP
CI框架常用经典操作类总结(路由,伪静态,分页,session,验证码等)
2016/11/21 PHP
关于onScroll事件在IE6下每次滚动触发三次bug说明
2011/09/21 Javascript
jquery方法+js一般方法+js面向对象方法实现拖拽效果
2012/08/30 Javascript
简单理解vue中track-by属性
2016/10/26 Javascript
React Native实现地址挑选器功能
2017/10/24 Javascript
js 索引下标之li集合绑定点击事件
2018/01/12 Javascript
JS实现字符串中去除指定子字符串方法分析
2018/05/17 Javascript
Vue 组件传值几种常用方法【总结】
2018/05/28 Javascript
微信小程序实现tab左右切换效果
2020/11/15 Javascript
JavaScript实现新年倒计时效果
2018/11/17 Javascript
微信小程序 JS动态修改样式的实现方法
2018/12/16 Javascript
Vue中正确使用Element-UI组件的方法实例
2020/10/13 Javascript
vue将文件/图片批量打包下载zip的教程
2020/10/21 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
[01:01:14]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第一场 11.21
2020/11/23 DOTA
python使用在线API查询IP对应的地理位置信息实例
2014/06/01 Python
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
python 从csv读数据到mysql的实例
2018/06/21 Python
django-rest-framework解析请求参数过程详解
2019/07/18 Python
django admin组件使用方法详解
2019/07/19 Python
Visual Studio Code搭建django项目的方法步骤
2020/09/17 Python
Pytorch如何切换 cpu和gpu的使用详解
2021/03/01 Python
一家专门做特卖的网站:唯品会
2016/10/09 全球购物
在浏览器端如何得到服务器端响应的XML数据
2012/11/24 面试题
会计学专业自荐信
2014/06/25 职场文书
就业协议书样本
2014/08/20 职场文书
教师个人查摆剖析材料
2014/10/14 职场文书
拾金不昧表扬稿
2015/01/16 职场文书
2015年商场工作总结
2015/04/27 职场文书
2015年纪念“卢沟桥事变”78周年活动方案
2015/05/06 职场文书
员工担保书范本
2015/09/22 职场文书
mysql多表查询-笔记七
2021/04/05 MySQL
css背景和边框标签实例详解
2021/05/21 HTML / CSS
spring boot中nativeQuery的用法
2021/07/26 Java/Android