87,921
社区成员
发帖
与我相关
我的任务
分享
<div id="recommend">
<div id="title">相关推荐</div>
<div id="show"></div>
</div>
#main #contect #details #recommend #title{
width: 100%;
border-left:4px solid rgb(252, 122, 62);
padding-left: 1%;
margin-left: 1%;
margin-bottom: 1%;
margin-top: 1%;
font-weight: bold;
}
$("#show").append('<ul id="dynamic"></ul>');
$("#dynamic").css('list-style-type', 'none');
$("#dynamic").css('width','6666px');
$("#dynamic").css('overflow','hidden');
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("#show").append('<ul id="dynamic">大飒飒大师大师大师大师的撒打算打算的撒的撒打算打算的撒的撒</ul>');
$("#dynamic").css('list-style-type', 'none');
$("#dynamic").css('width','6666px');
$("#dynamic").css('overflow','hidden');
$("#show").scrollLeft(1000)
})
</script>
<style type="text/css">
#recommend #title{
width: 100%;
border-left:4px solid rgb(252, 122, 62);
padding-left: 1%;
margin-left: 1%;
margin-bottom: 1%;
margin-top: 1%;
font-weight: bold;
}
#recommend #show{
width:100%;
height:300px;
overflow:auto;
outline:1px solid #000;
}
</style>
</head>
<body>
<div id="recommend">
<div id="title">相关推荐</div>
<div id="show"></div>
</div>
</body>
</html>
<style type="text/css">
#show{width:100%;height:300px;overflow:auto}
</style>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<div id="recommend">
<div id="title">相关推荐</div>
<div id="show"></div>
</div>
<script>
$("#show").append('<ul id="dynamic"><li>111</li></ul>');
$("#dynamic").css('list-style-type', 'none');
$("#dynamic").css('width', '6666px');
$("#dynamic").css('overflow', 'hidden');
$('#show')[0].scrollLeft=1000
</script>