为什么我引用三张图片确用了六张图时间,每隔一张就是空白,求解决
你li标签没有加/
你是<li><li>
应该是<li></li>
<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结束-->
<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>
我是这样写的,没问题啊
好像他一个图片上显示的是两张图吧
你代码发出来看看