文本链接逐个出现的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 相关文章推荐
js更优雅的兼容
Aug 12 Javascript
js内存泄露的几种情况详细探讨
May 31 Javascript
JS图片根据鼠标滚动延时加载的实例代码
Jul 13 Javascript
jquery通过name属性取值的简单实现方法
Jun 20 Javascript
jQuery如何封装输入框插件
Aug 19 Javascript
Vue开发中整合axios的文件整理
Apr 29 Javascript
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
Dec 27 Javascript
vue2.0学习之axios的封装与vuex介绍
May 28 Javascript
JS中DOM元素的attribute与property属性示例详解
Sep 04 Javascript
cdn模式下vue的基本用法详解
Oct 07 Javascript
springboot+vue实现文件上传下载
Nov 17 Vue.js
Javascript中的奇葩知识,你知道吗?
Jan 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
php实现递归的三种基本方式
2020/07/04 PHP
php简单计算年龄的方法(周岁与虚岁)
2016/12/06 PHP
PHP连接MySQL进行增、删、改、查操作
2017/02/19 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
js ondocumentready onmouseover onclick onmouseout 样式
2010/07/22 Javascript
JS维吉尼亚密码算法实现代码
2010/11/09 Javascript
Array的push与unshift方法性能比较分析
2011/03/05 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
2014/11/23 Javascript
js简单的点击返回顶部效果实现方法
2015/04/10 Javascript
javascript生成不重复的随机数
2015/07/17 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
Webwork 实现文件上传下载代码详解
2016/02/02 Javascript
JS随机打乱数组的方法小结
2016/06/22 Javascript
nodejs加密Crypto的实例代码
2016/07/07 NodeJs
require.js+vue开发微信上传图片组件
2016/10/27 Javascript
js+canvas实现动态吃豆人效果
2017/03/22 Javascript
深入解析Vue 组件命名那些事
2017/07/18 Javascript
vue中如何使用ztree
2018/02/06 Javascript
layui table数据修改的回显方法
2019/09/04 Javascript
Python守护进程和脚本单例运行详解
2017/01/06 Python
全面了解Nginx, WSGI, Flask之间的关系
2018/01/09 Python
PyCharm鼠标右键不显示Run unittest的解决方法
2018/11/30 Python
Python获取好友地区分布及好友性别分布情况代码详解
2019/07/10 Python
Django中在xadmin中集成DjangoUeditor过程详解
2019/07/24 Python
Python绘制组合图的示例
2020/09/18 Python
澳大利亚领先的皮肤诊所:Skin Matrix(抗衰老、痤疮专家、药妆护肤)
2018/05/20 全球购物
Invicta手表官方商店:百年制表历史的瑞士腕表品牌
2019/09/26 全球购物
SEPHORA丝芙兰德国官方购物网站:化妆品、护肤品和香水
2020/01/21 全球购物
医护人员英文求职信范文
2013/11/26 职场文书
品质主管岗位职责
2014/03/16 职场文书
公司合作意向书范文
2014/07/30 职场文书
驾驶员管理制度范本
2015/08/06 职场文书
初中班主任工作随笔
2015/08/15 职场文书
MySQL官方导出工具mysqlpump的使用
2021/05/21 MySQL
MySQL配置主从服务器(一主多从)
2021/08/07 MySQL