DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jQuery實現單行文字間歇向上滾動源代碼
jQuery實現單行文字間歇向上滾動源代碼
編輯:JavaScript綜合知識     

 以下是源代碼: 

 代碼如下: <script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>  <style type="text/css">  .scrollDiv{height:25px;/* 必要元素 */line-height:25px;border:#ccc 1px solid;overflow:hidden;/* 必要元素 */}  .scrollDiv li{height:25px;padding-left:10px;}  ul,li{list-style-type:none;margin:0px;}</style>    <h2>jquery特效 單行文字向上滾動(有間歇)</h2>  <div id="scrollDiv_keleyi_com" class="scrollDiv">  <ul>  <li><a href="http://www.keleyi.com/a/bjac/5d7f4ac2efa72d30.htm">菜單滾動至頂部後固定</a></li>  <li><a href="http://www.keleyi.com/a/bjac/141932b419e08101.htm">jquery使用ColorBox彈出圖片組浏覽層</a></li>  <li><a href="http://www.keleyi.com/dev/fd9291320daf9360.htm">jquery右下角滑動彈出可關閉重現層</a></li>  <li><a href="http://www.keleyi.com/a/bjac/bf0eb8c02085b10d.htm">jquery清空textarea等輸入框</a></li>  </ul>  </div>  <script type="text/javascript">  function AutoScroll(obj){  $(obj).find("ul:first").animate({  marginTop:"-25px"  },500,function(){  $(this).css({marginTop:"0px"}).find("li:first").appendTo(this);  });  }  $(document).ready(function(){  setInterval('AutoScroll("#scrollDiv_keleyi_com")',3000);  });  </script>     
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved