九九综合九色综合网站_在线天堂免费观看.www_久久久久99精品成人片_国产精品欧美久久久久无广告_欧洲日本一线二线三线区本庄铃

Web前端知識

首頁 > 免費(fèi) > Web前端知識 >

jquery文字無縫滾動小技巧

來源:北京匯仁智杰科技有限公司   時間:2016-11-17   點(diǎn)擊: 次

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script src="scripts/js.js"></script>

<style>

#con2{

height:200px;

overflow: hidden;

}

#con2 ul{

list-style: none;

}

#con2 ul li{

line-height:25px;

height:25px;

}

</style>

</head>

<body>

<div id="con">

<ul>

<li><a href="#">效果文字</a></li>

<li><a href="#">效果文字</a></li>

<li><a href="#">效果文字</a></li>

<li><a href="#">效果文字</a></li>

<li><a href="#">效果文字</a></li>

<li><a href="#">效果文字</a></li>

<li><a href="#">效果文字</a></li>

<li><a href="#">效果文字</a></li>

<li><a href="#">效果文字</a></li>

<li><a href="#">效果文字</a></li>

<li><a href="#">效果文字</a></li>

<li><a href="#">效果文字</a></li>

<li><a href="#">效果文字</a></li>

</ul>

</div>

<script>

function autoscroll(obj){

$(obj).find("ul:first").animate({

marginTop:"-25px",

},500,function(){

$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);

})

}

$(document).ready(function(){

var myar=setInterval('autoscroll("#con")',500);

$("#con2").hover(function(){

clearInterval(myar)

},function(){

myar=setInterval('autoscroll("#con")',500);

})

})

</script>

</body>

</html>

網(wǎng)絡(luò)營銷推廣?。”本﹨R仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢:15201492965
業(yè)務(wù)QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網(wǎng)站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網(wǎng)絡(luò)推廣經(jīng)驗(yàn)
  • 有網(wǎng)站建站隊(duì)伍
  • 有大型網(wǎng)站建設(shè)經(jīng)驗(yàn)
  • 致力于營銷型網(wǎng)站建設(shè)
  • 始終堅持技術(shù)和服務(wù)同樣重要
查看PC版網(wǎng)站
備案號:京ICP備15021091號-1 版權(quán)所有:匯仁智杰