兩段代碼完全一樣<style?type="text/css">
#exp_list_slider_content?{
????position:relative;
????width:652px;
????height:400px;
????margin:8px?auto;
????border:1px?solid?#CCC;
????background:rgba(255,255,255,0.5);
????box-shadow:0?0?5px?#666;
????overflow:hidden;
}
#exp_list_content?{?
????width:4200px;
????height:400px;
????position:absolute;
????z-index:1;
}
.exp_list?{
????width:652px;
????height:400px;
????float:left;
}?
.exp_list?dt?{
????font-weight:600;
????font-size:30px;
}
#prev,#next{
????display:block;
????position:absolute;
????padding:3px?8px?3px?8px;
????background:rgba(153,153,153,0.5);
????top:180px;
????font-size:25px;
????z-index:2;
}
#prev?{
????left:15px;
}
#next?{
????left:608px;
}
</style>
<script?type="text/javascript">
?window.onload?=?function(){
?????var?container?=?document.getElementById('exp_list_slider_content');
?????var?prev?=?document.getElementById('prev');
?????var?next?=?document.getElementById('next');
?????var?list?=?document.getElementById('exp_list_content');
?????next.onclick?=?function(){
?????????list.style.left?=?parseInt(list.style.left)?-?652?+'px';
????????}
?????prev.onclick?=?function(){
?????????list.style.left?=?parseInt(list.style.left)?+?652?+?'px';
????????}
????}
</script>
</head>
<body>
<div?id="exp_list_slider_content">
??<div?id="exp_list_content"?style="left:0px;">
????<div?class="exp_list">
??????<div?class="exp_list_left">
????????<div?id="exp_list_left1">
??????????<dl>
????????????<dt>aaaaaaaaaa</dt>
????????????<dd>aaaaaaaaaa</dd>
????????????<dd>aaaaaaaa</dd>
????????????<dd>aaa</dd>
????????????<dd>aaaaaa</dd>
??????????</dl>
????????</div>
??????</div>
????</div>
????<div?class="exp_list">
??????<div?class="exp_list_left">
????????<div?id="exp_list_left1">
??????????<dl>
????????????<dt>bbbbbb</dt>
????????????<dd>bbbbb公司</dd>
????????????<dd>bbb臺開發(fā)</dd>
????????????<dd>bbbbbbb</dd>
??????????</dl>
????????</div>
??????</div>
????</div>
????<div?class="exp_list">
??????<div?class="exp_list_left">
????????<div?id="exp_list_left1">
??????????<dl>
????????????<dt>作品</dt>
????????????<dd>在這里</dd>
??????????</dl>
????????</div>
??????</div>
????</div>
??</div>
????<a?href="javascript:;"?class="arrow"?id="prev">?<?</a>
????<a?href="javascript:;"?class="arrow"?id="next">?>?</a>
</div>
</body>
</html>
一段輪播圖的代碼單獨拿出來可以執(zhí)行,放在我做的一個頁面中卻不能執(zhí)行,為什么?
sh_ero
2016-09-16 17:45:59