課程
/前端開發
/HTML/CSS
/企業網站綜合布局實戰
為什么我引用三張圖片確用了六張圖時間，每隔一張就是空白，求解決
2016-09-28
源自：企業網站綜合布局實戰 3-8
正在回答
你li標簽沒有加/
你是<li><li>
應該是<li></li>
qq_嫉妒五級_03915342
云淡風輕mj 提問者
qq_嫉妒五級_03915342 回復 云淡風輕mj 提問者
<div class="ad" id="picBox" style="visibility:hidden">
? ? ?<div class="loading"><img src="images/loading.gif" alt="圖片加載中" /></div>
? ? ?<div class="pic">
? ? ? ? <ul>
? ? ? ? ? ?<li><img src="images/ad2.jpg" /><li>
? ? ? ? ? ?<li><img src="images/ad3.jpg" /><li>
? ? ? ? ? ?<li><img src="images/ad4.jpg" /><li>
? ? ? ? </ul>
? ? ?</div>
? </div><!--ad結束-->
<script?src="js/setHomeSetFav.js"?type="text/javascript"?charset="gb2312"></script> <script?src="js/myfocus-2.0.1.min.js"?type="text/javascript"></script> <script?src="js/mf-pattern/mF_fancy.js"?type="text/javascript"></script> <link?href="js/mf-pattern/mF_fancy.css"?rel="stylesheet"?type="text/css"?/> <script?type="text/javascript"> myFocus.set({ ????id:'picBox',//焦點圖盒子ID ????pattern:'mF_fancy',//風格應用的名稱 ????time:3,//切換時間間隔(秒) ????trigger:'click',//觸發切換模式:'click'(點擊)/'mouseover'(懸停) ????width:1000,//設置圖片區域寬度(像素) ????height:310,//設置圖片區域高度(像素) ????txtHeight:'default',//文字層高度設置(像素),'default'為默認高度，0為隱藏 }); </script>
引用JS CSS的順序好像有要求
<script src="js/setHomeSetFav.js"></script><script src="js/myfocus-2.0.4.min.js"></script><script src="js/mf-pattern/mF_fancy.js"></script><link rel="stylesheet" href="js/mf-pattern/mF_fancy.css"><script> ? ?myFocus.set({ ? ? ? ?id: 'boxID',//焦點圖盒子ID ? ? ? ?pattern: 'mF_fancy',//焦點圖風格的名稱 ? ? ? ?time: 5,//切換時間間隔(秒) ? ? ? ?trigger: 'click',//觸發切換模式:'click'(點擊)/'mouseover'(懸停) ? ? ? ?txtHeight: 'default'//標題高度設置(像素),'default'為默認CSS高度，0為隱藏 ? ?});</script>
<div id="boxID"> ? ?<!-- 內容列表 --> ? <div class="loading"> <img src="img/loading.gif" height="95" width="156" /></div> ? ?<div class="pic"> ? ? ? ?<ul> ? ? ? ? ? ?<li><a href="#"><img src="img/ad2.jpg" /></a></li> ? ? ? ? ? ?<li><a href="#"><img src="img/ad3.jpg" /></a></li> ? ? ? ? ? ?<li><a href="#"><img src="img/ad4.jpg" /></a></li> ? ? ? ? ? ?<!-- 你可以根據需要添加更多的列 --> ? ? ? ?</ul> ? ?</div>
我是這樣寫的，沒問題啊
好像他一個圖片上顯示的是兩張圖吧
你代碼發出來看看
舉報
本課程重點介紹HTML/CSS實現常見企業網站布局的方法
2 回答焦點圖問題
3 回答焦點圖片問題
1 回答焦點圖庫焦點圖庫
1 回答焦點圖里的overflow：hidden問題
1 回答焦點圖的兼容問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-09-28
你li標簽沒有加/
你是<li><li>
應該是<li></li>
2016-09-28
<div class="ad" id="picBox" style="visibility:hidden">
? ? ?<div class="loading"><img src="images/loading.gif" alt="圖片加載中" /></div>
? ? ?<div class="pic">
? ? ? ? <ul>
? ? ? ? ? ?<li><img src="images/ad2.jpg" /><li>
? ? ? ? ? ?<li><img src="images/ad3.jpg" /><li>
? ? ? ? ? ?<li><img src="images/ad4.jpg" /><li>
? ? ? ? </ul>
? ? ?</div>
? </div><!--ad結束-->
2016-09-28
<div class="ad" id="picBox" style="visibility:hidden">
? ? ?<div class="loading"><img src="images/loading.gif" alt="圖片加載中" /></div>
? ? ?<div class="pic">
? ? ? ? <ul>
? ? ? ? ? ?<li><img src="images/ad2.jpg" /><li>
? ? ? ? ? ?<li><img src="images/ad3.jpg" /><li>
? ? ? ? ? ?<li><img src="images/ad4.jpg" /><li>
? ? ? ? </ul>
? ? ?</div>
? </div><!--ad結束-->
2016-09-28
<script?src="js/setHomeSetFav.js"?type="text/javascript"?charset="gb2312"></script> <script?src="js/myfocus-2.0.1.min.js"?type="text/javascript"></script> <script?src="js/mf-pattern/mF_fancy.js"?type="text/javascript"></script> <link?href="js/mf-pattern/mF_fancy.css"?rel="stylesheet"?type="text/css"?/> <script?type="text/javascript"> myFocus.set({ ????id:'picBox',//焦點圖盒子ID ????pattern:'mF_fancy',//風格應用的名稱 ????time:3,//切換時間間隔(秒) ????trigger:'click',//觸發切換模式:'click'(點擊)/'mouseover'(懸停) ????width:1000,//設置圖片區域寬度(像素) ????height:310,//設置圖片區域高度(像素) ????txtHeight:'default',//文字層高度設置(像素),'default'為默認高度，0為隱藏 }); </script>2016-09-28
引用JS CSS的順序好像有要求
2016-09-28
<script src="js/setHomeSetFav.js"></script>
<script src="js/myfocus-2.0.4.min.js"></script>
<script src="js/mf-pattern/mF_fancy.js"></script>
<link rel="stylesheet" href="js/mf-pattern/mF_fancy.css">
<script>
? ?myFocus.set({
? ? ? ?id: 'boxID',//焦點圖盒子ID
? ? ? ?pattern: 'mF_fancy',//焦點圖風格的名稱
? ? ? ?time: 5,//切換時間間隔(秒)
? ? ? ?trigger: 'click',//觸發切換模式:'click'(點擊)/'mouseover'(懸停)
? ? ? ?txtHeight: 'default'//標題高度設置(像素),'default'為默認CSS高度，0為隱藏
? ?});
</script>
2016-09-28
<div id="boxID">
? ?<!-- 內容列表 -->
? <div class="loading"> <img src="img/loading.gif" height="95" width="156" /></div>
? ?<div class="pic">
? ? ? ?<ul>
? ? ? ? ? ?<li><a href="#"><img src="img/ad2.jpg" /></a></li>
? ? ? ? ? ?<li><a href="#"><img src="img/ad3.jpg" /></a></li>
? ? ? ? ? ?<li><a href="#"><img src="img/ad4.jpg" /></a></li>
? ? ? ? ? ?<!-- 你可以根據需要添加更多的列 -->
? ? ? ?</ul>
? ?</div>
我是這樣寫的，沒問題啊
2016-09-28
好像他一個圖片上顯示的是兩張圖吧
2016-09-28
你代碼發出來看看