文本链接逐个出现的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 相关文章推荐
如果文字过长,则将过长的部分变成省略号显示
Jun 26 Javascript
js倒计时小程序
Nov 05 Javascript
jQuery里filter()函数与find()函数用法分析
Jun 24 Javascript
JQuery插件Marquee.js实现无缝滚动效果
Apr 26 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
Jun 12 Javascript
移动端 一个简单易懂的弹出框
Jul 06 Javascript
Vue中引入样式文件的方法
Aug 18 Javascript
详解50行代码,Node爬虫练手项目
Apr 22 Javascript
怎么理解wx.navigateTo的events参数使用详情
May 18 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
Sep 22 Javascript
vue中activated的用法
Jan 03 Vue.js
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 Vue.js
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手机号码归属地查询代码(API接口/mysql)
2012/09/04 PHP
Laravel框架学习笔记(二)项目实战之模型(Models)
2014/10/15 PHP
PHP中的表达式简述
2016/05/29 PHP
php多线程并发实现方法
2016/09/30 PHP
仿jQuery的siblings效果的js代码
2011/08/09 Javascript
如何实现修改密码时密码框显示保存到cookie的密码
2013/12/10 Javascript
Javascript Ajax异步读取RSS文档具体实现
2013/12/12 Javascript
js查找节点的方法小结
2015/01/13 Javascript
javascript类型系统 Array对象学习笔记
2016/01/09 Javascript
jquery实现文本框textarea自适应高度
2016/03/09 Javascript
JS实现针对给定时间的倒计时功能示例
2017/04/11 Javascript
分享19个JavaScript 有用的简写写法
2017/07/07 Javascript
JS限制输入框输入的实现代码
2018/07/02 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
2018/10/07 Javascript
浅谈微信小程序列表埋点曝光指南
2019/10/15 Javascript
Vue数字输入框组件使用方法详解
2020/02/10 Javascript
[01:03]DOTA2新的征程 你的脚印值得踏上
2014/08/13 DOTA
python 中的列表解析和生成表达式
2011/03/10 Python
python使用pil库实现图片合成实例代码
2018/01/20 Python
用Python获取摄像头并实时控制人脸的实现示例
2019/07/11 Python
python opencv鼠标事件实现画框圈定目标获取坐标信息
2020/04/18 Python
python3+opencv生成不规则黑白mask实例
2020/02/19 Python
使用python实现时间序列白噪声检验方式
2020/06/03 Python
纯CSS3代码实现文字描边
2016/04/25 HTML / CSS
深入解析HTML5中的Blob对象的使用
2015/09/08 HTML / CSS
德国传统玻璃制造商:Cristalica
2018/04/23 全球购物
美国滑雪板和装备购物网站:Skis.com
2018/12/20 全球购物
全球精选男装和家居用品:Article
2020/04/13 全球购物
铭立家具面试题
2012/12/06 面试题
大学生求职简历的自我评价
2013/10/14 职场文书
应届生如何写自荐信
2014/01/05 职场文书
学习党的群众路线实践活动思想汇报
2014/09/12 职场文书
2015年国庆节标语大全
2015/07/30 职场文书
Django显示可视化图表的实践
2021/05/10 Python
python-opencv 中值滤波{cv2.medianBlur(src, ksize)}的用法
2021/06/05 Python
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers