ul 列表能做高度自适应么？一个CSS块里做同时拥有图片和文字的滚动效果该怎么做。

2023-03-05 12:17:02html-css010

ul 列表能做高度自适应么？一个CSS块里做同时拥有图片和文字的滚动效果该怎么做。,第1张

ul里面的元素li不浮动的话，它就能自适应高度，DIV也一样。块内的滚动效果有JS自定的和marquee两种：<marquee>中也可以放图片和文字，它不是无缝连接的滚动。js滚动用的比较多一点： <style type="text/css">/* Scroll */

#MarqueeImg {padding: 0pxheight: 116pxwidth: 716pxoverflow: hiddenmargin: 0px}

*html #MarqueeImg {width:714px}/*For IE6 Only*/

#MarqueeImg #ScrollBox {width: 1650pxoverflow: hidden}

#MarqueeImg #ScrollDiv1,.Doc .Main .Con .Content #MarqueeImg #ScrollDiv2 {width: 798pxfloat: left}

#MarqueeImg .ScrollPhoto {float: leftpadding: 0pxmargin: 0px}

#MarqueeImg .ScrollPhoto dt {text-align: centerwidth:133px /*6%*/float: left}

#MarqueeImg .ScrollPhoto dt img {border: 1px solid #B8A867margin: 0pxpadding: 1px}

#MarqueeImg .ScrollPhoto dt div {width: 122pxmargin-top: 0pxmargin-right: automargin-bottom: 0pxmargin-left: autopadding: 0pxheight: 17px}</style><div id="MarqueeImg">

<div><a href="" target="_blank">xxxxxxxx</a></div>

</dt>

<div><a href="" target="_blank">yyyyyyy</a></div>

</dt>

</dt>

</dt>

</dt>

</dt>

</dt>

<div><a href="" target="_blank">标准Last</a></div>

</dt>

</dl>

</div>

</div>

<!--//

var obj = function(id){return document.getElementById(id)}

var speed = 2

obj("ScrollDiv2").innerHTML = obj("ScrollDiv1").innerHTML

function Marquee(){

if(obj("MarqueeImg").scrollLeft >= obj("ScrollDiv1").scrollWidth){

obj("MarqueeImg").scrollLeft = 0

}else{

obj("MarqueeImg").scrollLeft ++

}

var MyMar = setInterval(Marquee,speed)

obj("MarqueeImg").onmouseover = function(){clearInterval(MyMar)}

obj("MarqueeImg").onmouseout = function(){MyMar=setInterval(Marquee,speed)}

//-->

</script>

需要CSS与JS配合了！！研究下CSS，如果内容要加，CSS的总宽度也要增加。

li虽然有了高度，但是因为你给li设置了了浮动，所以相当于没有高度，你可以在最后一个li的后面加一个li，单独设置这个li的样式，clear:both这样的话 ul 应该是有高度的，你可以按照我说的先试一下，给ul加个背景色就能看出来ul的高度了

词库加载错误未能找到文件“E高铁采集器内存溢出ConfigurationDictStopwordstxt”

# 上一篇：怎样提升电脑网速？

# 下一篇：R|Affymetrix芯片分析(1)-affy

推荐阅读

热门文章

最新发布

标签列表

ul 列表能做高度自适应么？ 一个CSS块里做同时拥有图片和文字的滚动效果 该怎么做。

给您推荐相同类型的内容：

ul 列表能做高度自适应么？一个CSS块里做同时拥有图片和文字的滚动效果该怎么做。