文本链接逐个出现的js脚本

浏览网站时发现这个代码,非常的不错,高度为20的,文本广告
调用代码:<script type="text/javascript" src="http://img.jb51.net/imgby/txtad.js"></script>


代码如下:

var marqueeContent=new Array();   //滚动主题                      
marqueeContent[0]='<a href="http://www.pcjc8.com" target="_blank">全站资料下载站</a>';
marqueeContent[1]='<a href="http://www.jb51.net/adsense/adsense.htm" target="_blank">Google AdSense</a>';
marqueeContent[2]='<a href="http://www.jb51.net/firefox/firefox.html" target="_blank">火狐浏览器下载</a>';
marqueeContent[3]='<a href="http://www.jb51.net/support.htm" class="hot" target="_blank">全站广告位招租</a>';
marqueeContent[4]='<a href="http://www.pcjc8.com" class="hot" target="_blank">全站资料下载站</a>';
marqueeContent[5]='<a href="http://www.jb51.net/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();

(0)

相关推荐

  • 文本链接逐个出现的js脚本

    浏览网站时发现这个代码,非常的不错,高度为20的,文本广告调用代码:<script type="text/javascript" src="http://img.jb51.net/imgby/txtad.js"></script> 复制代码 代码如下: var marqueeContent=new Array();   //滚动主题                       marqueeContent[0]='<a href=&qu

  • 改变文本框字体颜色的js脚本

    function colors(color){ document.form1.id.style.color=color; } 红色 绿色 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • [对联广告] JS脚本类

    //**************************************************************************************** //& 作者: 哇哇鱼 //& 日期: 2004年12月31日 //& 网站: http://www.13smile.com/ //& Blog: http://blog.csdn.net/bpfish //& 名称: [对联广告] JS脚本类 //& 作用: 显示页面的对联广告

  • 浏览器调试动态js脚本的方法(图解)

    前两天拉取公司前端代码修改,发现在开发者工具的sources选项里边,居然没有列出来我要调试的js脚本,后来观察了一下,脚本是动态在页面里引入的,可能是因为这样所以不显示出来,但是如果不能断点调试,只靠打印日志真要把人累死了,效率太低,网络搜索试验了一下,有两种方式可以解决: 1.在脚本里边增加 //# sourceURL=xxxxxxxxx.js,名称自己命名,可以直接使用文件名,如下图: 然后在网页里打开包含这个js的页面,这样就在开发者工具里能够看到了,可以像普通js一样正常打断点并进行调

  • JS脚本加载后执行相应回调函数的操作方法

    项目中经常会遇到这样的问题:当某个 js 脚本加载完成后再执行相应任务,但很多朋友可能并不知道怎么判断我们要加载的 js 文件是否加载完成,如果没有加载完成我们就调用 js 文件里面的函数是不会成功的.本文主要讲解怎么在成功加载 js 文件后再执行相应回调任务. 基本思路 我们可以动态的创建 <script> 元素,然后通过更改它的 src 属性来加载脚本,但是怎么知道这个脚本文件加载完成了呢?因为有些函数需要在脚本加载完成才能调用.IE 浏览器中可以使用 <script> 元素的

  • 实例说明js脚本语言和php脚本语言的区别

    js脚本语言和php脚本语言的区别是什么? 一句话: js是客户端脚本, 由浏览器执行. php是服务端脚本, 由php服务执行, php脚本跟shell脚本(bash执行)颇为类似. 来看看js脚本, 写一个test.html文件, 其中内容为: <script> alert("this is js"); </script> 直接双击本地的test.html文件, 结果就有一个弹框了, 因为浏览器执行了上述js脚本. 再看看看php脚本, 写一个test.ph

  • Java执行JS脚本工具

    Java 执行 JS 脚本工具 用途:为了便于系统扩展,提供了 JS 脚本的功能,可以通过在系统中执行脚本来获得更复杂的功能. 例如:系统提供了一个接口,这个接口不必非的有实现类,而是可以通过JS来实现这个接口的方法,在运行时载入JS脚本去实现.只要能融会贯通,可用的地方还是很多的. 先看最基础的一个工具类 实际上有这么一个工具类就足够了,后面讲的例子也是基于这个工具类的. 这段代码的原理: 由于在 Java 的 javascript 引擎中,常用的List,Map等复杂对象的 属性值 不能在

  • python自动化测试selenium执行js脚本实现示例

    WebDriver有2个方法执行Java Script脚本. (1)同步执行:execute_script (2)异步执行:execute_async_script from selenium import webdriver from time import sleep class TestScriptss(object): def setup(self): self.driver = webdriver.Chrome() self.driver.get(http://www.baidu.co

  • 手机安装GreasyFork油猴js脚本的教程

    目录 前言 一.Iceraven浏览器(火狐)(安卓) 二.(安卓) 三.(苹果)(安卓) 四.kiwi浏览器(安卓) 前言 Icaraven浏览器与kiwi浏览器的界面和功能基本相同 Iceraven支持火狐插件,kiwi浏览器支持谷歌插件 体积小.功能丰富. 一.Iceraven浏览器(火狐)(安卓) Iceraven浏览器需要安装Tampermonkey插件来安装GF油猴脚本. Tampermonkey支持检测内部iframe的链接并执行脚本,因此它可以使用window.postMessa

  • iOS中添加文本链接和图片示例代码

    前言 我们在开发过程中会遇到这样的需求.用户注册,或者做些其他操作的时候我们需要在下方加上这样一段话:注册代表你遵守我们的<用户协议>,<隐私条款>这两个是链接,那么接下来我们改怎么做呢,下面来一起看看详细的介绍: 先上图再说话 实现方法 如果我们按照平常的想法在label上面显示文字,然后给label加上手势也可以实现,那么链接多的话,你就要判断点击手势的区域,感觉麻烦,那么苹果给我们提供了很好的方法富文本NSMutableAttributedString. UITextView

随机推荐