网页文档js/tool.js jquery-1.3.2.js text.html

tool.js

// JavaScript Document
(function($){
 $.fn.extend({
  Scroll:function(opt,callback){
  if(!opt) var opt={};
  var _this=this.eq(0).find("ul:first");
  var lineH=_this.find("li:first").height(),
  line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10),
  speed=opt.speed?parseInt(opt.speed,10):7000,//卷动速度，数值越大，速度越慢（毫秒）
  timer=opt.timer?parseInt(opt.timer,10):7000;//滚动的时间间隔（毫秒）
   if(line==0) line=1;
   var upHeight=0-line*lineH;
   scrollUp=function(){
    _this.animate({
    marginTop:upHeight
   },speed,function(){
    for(i=1;i<=line;i++){
     _this.find("li:first").appendTo(_this);
    }
    _this.css({marginTop:0});
   });
  }
  _this.hover(function(){
   clearInterval(timerID);
  },function(){
   timerID=setInterval("scrollUp()",timer);
  }).mouseout();
 }
 })
})(jQuery);
$(document).ready(function(){
 $(".bulletin").Scroll({line:1,speed:1000,timer:5000});//修改此数字调整滚动时间
});

test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>先锋科技-Pioneer Science</title>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/tool.js">
</script>
<style type="text/css">
<!--
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; background-color:#eaeaec;}
-->
html,body,div ul{margin:0;padding:0;border:0;font-size:100%;background:transparent;}
ul{list-style:none;}
a{text-decoration:none;}
body{background:#f2f2f2;font:12px 宋体,Verdana,Tahoma,Lucida Grande,Arial,sans-serif;color:#000;}
#gg{position:fixed;bottom:0;background:#000;width:100%;height:223px;line-height:23px;z-index:9999;opacity:.60;filter:alpha(opacity=60);_bottom:auto;_width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
#gg a{color:#fff;font-size:13px;letter-spacing:2px;}
.close a{float:right;margin:0 10px 0 0;padding:0 10px 0 10px;}
.bulletin{float:left;height:23px;color:#fff;margin:0 0 0 20px;background:url(/jscss/demoimg/201101/bulletin.gif) no-repeat;min-height:23px;overflow:hidden;}
.bulletin li{height:23px;padding-left:25px;}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/index.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="head">
 <div id="menu">
     <ul>
         <li><a class="menuCurrent" href="#">首页</a></li>
         <li><a class="menuNotCurrent" href="#">新闻公告</a></li>
            <li><a class="menuNotCurrent" href="#">解决方案</a></li>
            <li><a class="menuNotCurrent" href="#">成功案例</a></li>
            <li><a class="menuNotCurrent" href="#">产品研发</a></li>
            <li><a class="menuNotCurrent" href="#">帮助中心</a></li>
            <li><a class="menuNotCurrent" href="#">关于我们</a></li>
            <li><a class="menuNotCurrent" href="#">联系我们</a></li>
        </ul>
    </div>
</div>

<div id="content" class="content_height"><br />
 <div id="picBig"><img src="p_w_picpaths/picBig.png" width="936" height="230" alt="guanyu" /></div>
</div>

<div id="content_b"></div>
<div id="gg">
<div class="close"><a href="javascript:void(0)" οnclick="$('#gg').slideUp('slow');" title="关闭">不想听你唠叨×</a></div>
<div class="bulletin">
<ul>
<li><a href="/" title="欢迎您" target="_blank">精品×××：源码爱好者</a></li>
<li><a href="/" title="" target="_blank">为中国站长提供各种建站资源、建站资讯及建站交流平台</a></li>
</ul>
</div>
</div>
</body>
</html>