按照步驟完成之后,圖片不見了,只剩下最下面的那個輪播3個按鈕
css:
.ad{;
? ?height: 310px;
? ?overflow: hidden;
? ?margin-top: 5px;
}
html:
<div class="ad" style="height: 330px">
? <div id="boxID">
? ? ? <div class="loading"><img src="img/loading.gif" alt="請稍候..." /></div>
? ? ? ? ? <div class="pic">
? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? <li><a href="#"><img src="images/add2.jpg" thumb="" alt="" text="詳細描述2" /></a></li>
? ? ? ? ? ? ? ? ? <li><a href="#"><img src="images/add3.jpg" thumb="" alt="" text="詳細描述3" /></a></li>
? ? ? ? ? ? ? ? ? <li><a href="#"><img src="images/add4.jpg" thumb="" alt="" text="詳細描述4" /></a></li>
? ? ? ? ? ? ? </ul>
? ? ? ? ? </div>
? </div>
</div>
2016-07-09
myFocus.set({
? ? id:'boxID',//焦點圖盒子ID
? ? pattern:'mF_fancy',//風格應用的名稱
? ? time:3,//切換時間間隔(秒)
? ? trigger:'click',//觸發切換模式:'click'(點擊)/'mouseover'(懸停)
? ? width:1000,//設置圖片區域寬度(像素)
? ? height:310,//設置圖片區域高度(像素)
? ? txtHeight:'default'//文字層高度設置(像素),'default'為默認高度,0為隱藏
});
2016-07-09
別用:
<script type="text/javascript">
myFocus.set({id:'boxID'});
</script>
不兼容