jquery实现文字向左循环滚动

我想让一个ul/li通过jquery实现文字向左循环滚动,应该怎么实现呢<divclass="gundongAreaMain">导读<ul><l... 我想让一个ul/li通过jquery实现文字向左循环滚动,应该怎么实现呢

<div class="gundongAreaMain">

导读

<ul>

<li><a href="/" target="_blank">1</a></li>

<li><a href="/" target="_blank">2</a></li>

<li><a href="/" target="_blank">3</a></li>

<li><a href="/" target="_blank">4</a></li>
</ul>

</div>
应该怎么实现,谢谢! 展开

 我来答

2个回答

#热议# 生活中有哪些实用的心理学知识？

jianer2000
2014-03-18 · TA获得超过128个赞

知道答主

回答量：101

采纳率：0%

帮助的人：79.1万

我也去答题访问个人页

关注

展开全部

根据你的代码 我改写了下 你看着弄吧。

<!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>向左滚动</title>
<style type="text/css">
*{
	margin:0;
	padding:0;
	list-style:none;
}
#gundong {
	background: #FFF;
	overflow:hidden;
	border: 1px dashed #CCC;
	width: 500px;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
}

#gundong a {
	color:#333;
}

#gundongAreaMain1 {
	float: left;
	width: 800%;
}

#gundongAreaMain2, #gundongAreaMain3, #gundongAreaMain2 li, #gundongAreaMain3 li {
	float: left;
}

</style>
</head>

<body>
<div id="gundongAreaMain">
	<span>导读</span>
    <div id="gundong">
        <div id="gundongAreaMain1">
            <ul id="gundongAreaMain2">
                <li><a href="/" target="_blank"><strong>1111111111111111</strong></a></li>
                <li><a href="/" target="_blank"><strong>2222222222222222</strong></a></li>
                <li><a href="/" target="_blank"><strong>3333333333333333</strong></a></li>
                <li><a href="/" target="_blank"><strong>4444444444444444</strong></a></li>
            </ul>
            <ul id="gundongAreaMain3"></ul>
        </div>
    </div>
</div>
<script>
<!--
var speed=30; //数字越大速度越慢
var tab=document.getElementById("gundong");
var tab1=document.getElementById("gundongAreaMain2");
var tab2=document.getElementById("gundongAreaMain3");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
</body>
</html>


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

大连市银盘贸易有限公司

广告2024-12-22

转换成word，转换，PDF2000在线提供PDF文件格式转换功能，无需下载，转换成word，支持word/excel/ppt等多种格式版本，一键批量在线转换，点击立即体验!

www.sdpdf.com

hzty1991
2014-03-18

知道答主

回答量：14

采纳率：0%

帮助的人：10.3万

我也去答题访问个人页

关注

展开全部

简单的静态滚动 <div><marquee scrollamount="10" scrolldelay="0" direction="left"> 向左循环滚动</marquee></div>  把你想滚动的东西放在“想做循环滚动”处

本回答被提问者采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起