文本链接逐个出现的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 相关文章推荐
理解Javascript_08_函数对象
Oct 15 Javascript
from 表单提交返回值用post或者是get方法实现
Aug 21 Javascript
js格式化金额可选是否带千分位以及保留精度
Jan 28 Javascript
JS父页面与子页面相互传值方法
Mar 05 Javascript
JS实现两个大数(整数)相乘
Apr 28 Javascript
JS获取浏览器语言动态加载JS文件示例代码
Oct 31 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
Jan 09 Javascript
JS实现仿QQ效果的三级竖向菜单
Sep 25 Javascript
jQuery自动或手动图片切换效果
Oct 11 jQuery
angular inputNumber指令输入框只能输入数字的实现
Dec 03 Javascript
JavaScript实现联动菜单特效
Jan 07 Javascript
如何在vue中使用kindeditor富文本编辑器
Dec 19 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作的文本留言本的例子(六)
2006/10/09 PHP
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
php实现用户在线时间统计详解
2011/10/08 PHP
推荐25款php中非常有用的类库
2014/09/29 PHP
php实现的ping端口函数实例
2014/11/12 PHP
php微信公众号js-sdk开发应用
2016/11/28 PHP
jquery的颜色选择插件实例代码
2008/10/02 Javascript
jQuery JSON的解析方式分享
2011/04/05 Javascript
关于jQuery中的end()使用方法
2011/07/10 Javascript
对js关键字命名的疑问介绍
2014/04/25 Javascript
jQuery学习笔记之toArray()
2014/06/09 Javascript
javascript弹出拖动窗口
2015/08/11 Javascript
vue.js入门教程之绑定class和style样式
2016/09/02 Javascript
微信小程序request出现400的问题解决办法
2017/05/23 Javascript
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
2018/07/24 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
2019/06/06 Javascript
jQuery实现form表单基于ajax无刷新提交方法实例代码
2019/11/04 jQuery
详解Vue.js3.0 组件是如何渲染为DOM的
2020/11/10 Javascript
原生js实现滑块区间组件
2021/01/20 Javascript
[08:40]Navi Vs Newbee
2018/06/07 DOTA
Python实现备份文件实例
2014/09/16 Python
详解pandas的外部数据导入与常用方法
2019/05/01 Python
Python实现Linux监控的方法
2019/05/16 Python
Python箱型图处理离群点的例子
2019/12/09 Python
Python如何用wx模块创建文本编辑器
2020/06/07 Python
详解python with 上下文管理器
2020/09/02 Python
html5教程制作简单画板代码分享
2013/12/04 HTML / CSS
诗狄娜化妆品官方网站:Stila Cosmetics
2016/12/21 全球购物
vue实现倒计时功能
2021/03/24 Vue.js
艺术设计专业个人求职信范文
2013/12/11 职场文书
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
群教班子对照检查材料
2014/08/26 职场文书
公司法定代表人授权委托书
2014/09/29 职场文书
2015年班长个人工作总结
2015/04/03 职场文书
调解协议书范本
2016/03/21 职场文书
经典《舰娘》游改全新动画预告 预定11月开播
2022/04/01 日漫