怎么让这个ul在页面顶部自动循环切换li里面的内容？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么让这个ul在页面顶部自动循环切换li里面的内容？相关的知识，希望对你有一定的参考价值。
让他有一个向左循环移动的一个动画效果
如果你对js不是很熟练的话 可以使用html的marquee标签
<marquee style="width:200px;">
我是要滚动的文字1 我是要滚动的文字2 我是要滚动的文字3 我是要滚动的文字4
</marquee>
追问
我是要切换整个li的宽度
追答你运行一下下面的代码试试
Document
*
margin:0;padding:0;
li
list-style: none
.munediv
position: absolute;width: 100%;height: 30px;line-height: 30px;text-align: center;background: #ddd;overflow: hidden;
.munediv .mune
width: 100%;height: 30px;overflow: hidden;position: absolute;left: 0;top: 0;white-space: nowrap;
.munediv .mune li
float: left;
111111111
2222222
333333
4444444
var mar = function()
var w = $('.munediv').width();
var n = $('.munediv .mune li').length;
$('.mune').width(w*n);
$('.munediv .mune li').width(w)
setInterval(() =>
$('.munediv').find('.mune').animate(
marginLeft: - w
, 500, function ()
$(this).css( marginLeft: '0px' ).find('li:eq(0)').appendTo(this);
)
, 3e3);
mar()
<marquee direction="up" scrolldelay="1000" height="20">
把你的DIV放在这里面，
</marquee>追问
向左循环切换，每个li停留3秒，再自动切换到下一个li，
js怎么能把数组中的数据放到放到ul里面的li里面去形成列表
例如：
数组arr=array（''数据一",''数据二",''数据三",''数据四",''数据五"）;
放到：
<ul>
<li>数据一</li>
<li>数据二</li>
<li>数据三</li>
<li>数据四</li>
<li>数据五</li>
</ul>
var arr=new Array("数据一","数据二","数据三","数据四","数据五");
var i=0;
var list="";
for (i=0;i<arr.length;i++)
list+="<li>"+arr[i]+"</li>";
list="<ul>"+list+"</ul>";
document.write(list);
</script>追问
非常感谢你！
通过对象的innerHTML怎么输出啊！
麻烦了
让这个ul在指定的位置显示，
document.wirte()貌似跳转了
比如html有这样一个div
//id必须是唯一的
然后把 document.write(list);
改成document.getElementById("showul").innerHTML=list;
例如：
数组arr=array（''数据一",''数据二",''数据三",''数据四",''数据五"）;
放到：
<ul>
<li>数据一</li>
<li>数据二</li>
<li>数据三</li>
<li>数据四</li>
<li>数据五</li>
</ul>
所谓数组，是无序的元素序列。 若将有限个类型相同的变量的集合命名，那么这个名称为数组名。组成数组的各个变量称为数组的分量，也称为数组的元素，有时也称为下标变量。用于区分数组的各个元素的数字编号称为下标。数组是在程序设计中，为了处理方便， 把具有相同类型的若干元素按无序的形式组织起来的一种形式。 这些无序排列的同类数据元素的集合称为数组。
参考技术B <script>var arr=new Array("数据一","数据二","数据三","数据四","数据五");
var list="";
for (var i=0;i<arr.length;i++)
list +="<li>"+arr[i]+"</li>";
document.getElementById('box').innerHTML = list;
</script>
<ul id='box'></ul> 参考技术C 方法有很多,比如直接用document.write输出,通过对象的innerHTML输出,或通过createElement方法创建并用insertBefore或appendChild方法插入到文档中,示例如下
<body>
<script language="javascript">
var arr = new Array('数据一','数据二','数据三','数据四','数据五');
document.write('<ul>');
for(var i=0;i<arr.length;i++)
document.write('<li>'+arr[i]+'</li>');
document.write('</ul>');
</script>
</body>
以上是关于怎么让这个ul在页面顶部自动循环切换li里面的内容？的主要内容，如果未能解决你的问题，请参考以下文章
怎么用JQuery的each函数循环去掉一个ul里面li的样式