文本链接逐个出现的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 相关文章推荐
个人总结的一些关于String、Function、Array的属性和用法
Jan 10 Javascript
showModalDialog 和 showModelessDialog
Jan 22 Javascript
JS window.opener返回父页面的应用
Oct 24 Javascript
node.js中实现同步操作的3种实现方法
Dec 05 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
Dec 14 Javascript
详解JavaScript基于面向对象之继承
Dec 13 Javascript
js轮播图代码分享
Jul 14 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
Dec 18 Javascript
Node.js使用NodeMailer发送邮件实例代码
Mar 06 Javascript
vue init webpack myproject构建项目 ip不能访问的解决方法
Mar 20 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
Aug 03 Javascript
JavaScript 如何在浏览器中使用摄像头
Dec 02 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
用mysql触发器自动更新memcache的实现代码
2009/10/11 PHP
php 无限分类的树类代码
2009/12/03 PHP
解析PHP处理换行符的问题 \r\n
2013/06/13 PHP
THINKPHP内容分页代码分享
2015/01/14 PHP
Yii框架防止sql注入,xss攻击与csrf攻击的方法
2016/10/18 PHP
Yii框架批量插入数据扩展类的简单实现方法
2017/05/23 PHP
PDO::errorCode讲解
2019/01/28 PHP
javascript基本语法分析说明
2008/06/15 Javascript
javascript实现的距离现在多长时间后的一个格式化的日期
2009/10/29 Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
2014/04/30 Javascript
玩转方法:call和apply
2014/05/08 Javascript
js创建对象的区别示例介绍
2014/07/24 Javascript
js实现简单的省市县三级联动效果实例
2016/02/18 Javascript
angularjs表格ng-table使用备忘录
2016/03/09 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
2017/02/13 Javascript
Bootstrap Table使用整理(四)之工具栏
2017/06/09 Javascript
初识 Vue.js 中的 *.Vue文件
2017/11/22 Javascript
vue中使用element组件时事件想要传递其他参数的问题
2019/09/18 Javascript
Vue-CLI与Vuex使用方法实例分析
2020/01/06 Javascript
vue更改数组中的值实例代码详解
2020/02/07 Javascript
vue项目开启Gzip压缩和性能优化操作
2020/10/26 Javascript
Python调用C语言开发的共享库方法实例
2015/03/18 Python
Python多进程分块读取超大文件的方法
2016/04/13 Python
python实现汽车管理系统
2018/11/30 Python
django 微信网页授权认证api的步骤详解
2019/07/30 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
Python多线程:主线程等待所有子线程结束代码
2020/04/25 Python
CSS3实现菜单悬停效果
2020/11/17 HTML / CSS
狗狗玩具、零食和咀嚼物的月度送货服务:Super Chewer
2018/08/22 全球购物
端午节粽子促销活动方案
2014/02/02 职场文书
电焊工岗位职责
2014/03/06 职场文书
远程网络教育毕业生自我鉴定
2014/04/14 职场文书
数控机床专业自荐信
2014/05/19 职场文书
房屋买卖定金协议书
2016/03/21 职场文书
公司晚会主持词
2019/04/17 职场文书
postgresql使用filter进行多维度聚合的解决方法
2021/07/16 PostgreSQL