div+css 怎么实现滚动条样式？急！急！啊
展开全部
1、3楼，人家问的浏览器滚动条样式怎么定义，唉，对牛弹琴！
百度：在线滚动条生成器，进去直接选好滚动条的边框，高光，阴影颜色，然后css代码就生成出来了，跟div无关，你只用把生成的css代码复杂到你的css中就行了。
(这个效果只对ie及穿ie马甲的浏览器有效，其他浏览器不认。想全部浏览器都实现滚动条自定义视觉效果，你只有做图片用js来控制实现，那个就复杂了)
百度：在线滚动条生成器，进去直接选好滚动条的边框，高光，阴影颜色，然后css代码就生成出来了，跟div无关，你只用把生成的css代码复杂到你的css中就行了。
(这个效果只对ie及穿ie马甲的浏览器有效，其他浏览器不认。想全部浏览器都实现滚动条自定义视觉效果，你只有做图片用js来控制实现，那个就复杂了)
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
纯div css实现不了 得结合js或者jq
<!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" c />
<title>无标题文档</title>
<style type="text/css">
ul,li{margin:0;padding:0}
#scrollDiv{width:300px;height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden}
#scrollDiv li{height:25px;padding-left:10px;}
</style>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<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")',1000)
});
</script>
</head>
<body>
<div id="scrollDiv">
<ul>
<li>这是公告标题的第一行</li>
<li>这是公告标题的第二行</li>
<li>这是公告标题的第三行</li>
<li>这是公告标题的第四行</li>
<li>这是公告标题的第五行</li>
<li>这是公告标题的第六行</li>
<li>这是公告标题的第七行</li>
<li>这是公告标题的第八行</li>
</ul>
</div>
</body>
</html>
<!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" c />
<title>无标题文档</title>
<style type="text/css">
ul,li{margin:0;padding:0}
#scrollDiv{width:300px;height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden}
#scrollDiv li{height:25px;padding-left:10px;}
</style>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<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")',1000)
});
</script>
</head>
<body>
<div id="scrollDiv">
<ul>
<li>这是公告标题的第一行</li>
<li>这是公告标题的第二行</li>
<li>这是公告标题的第三行</li>
<li>这是公告标题的第四行</li>
<li>这是公告标题的第五行</li>
<li>这是公告标题的第六行</li>
<li>这是公告标题的第七行</li>
<li>这是公告标题的第八行</li>
</ul>
</div>
</body>
</html>
更多追问追答
追问
还是不会弄呢……
追答
额 上面那代码直接复制下来不就有文字翻滚了嘛
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
实现不了吧，用
<marquee direction="up"></marquee>这个吧，这个简单
<marquee direction="up"></marquee>这个吧，这个简单
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
百度一大把
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
