轮播图实现不了,求大神帮忙

来源:3-8 企业网站制作之焦点图制作

慕仙203825

2017-08-09 11:07

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<link rel="stylesheet" href="css/main.css" type="text/css">

<script src="js/setHomeSetFav.js" text="javascript" charset="gb2312"></script>

<script src="js/myfocus-2.0.1.min.js" type="test/javascript"></script>

<script src="js/mf-pattern/mF_sohusports.js" type="test/javascript"></script>

<link  href="js/mf-pattern/mF_sohusports.css" rel="stylesheet"type="text/css">

<script type="text/javascript">

     myFocus.set({

    id:'picBox';

   

})

</script>

<!-- 注意1:焦点图初始化的ID与图片列表最外层的ID一致

2:图片列表外面,包裹一个class为pic的div -->

</head>

<body>

<div>

<div>

<ul>

<li><a href="#">联系我们</a></li>

<li> <a href="#"onclick="AddFavorite(window.location,document.title)">加入收藏</a></li>

<li> <a href="#" onclick="SetHome(window.location)">设为首页</a></li>

</ul>

</div>

</div><!-- top结束 -->

<div>

<div>

<div>

<img src="images/logo.jpg" alt="慕课网">

</div>

<div>

<img src="images/tel.jpg" alt="服务热线">24小时服务热线:<span>13197685023</span>

</div>

</div><!-- logo结束 -->

<div>

<div></div>

<div>

<div>

<ul>

<li><a href="#">首页</a></li>

<li><a href="#">关于慕课</a></li>

<li><a href="#">新闻动态</a></li>

<li><a href="#">课程中心</a></li>

<li><a href="#">在线课程</a></li>

<li><a href="#">人才招聘</a></li>

</ul>

</div><!-- nav_mid_left结束 -->

<div>

<form action="" method="post">

<input type="text">

</form>

</div><!-- nav_mid_right结束 -->

</div><!-- mav_mid结束 -->

<div></div>

</div><!-- nav结束 -->

<div class="ad" id="picBox">

<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>

</div><!-- wrap结束 -->

</body>

</html>


写回答 关注

2回答

  • 蜗牛Baby
    2017-08-31 15:13:43

    兄弟,你找到原因了么,找到了麻烦告知,感谢

  • eq361
    2017-08-10 00:35:14

     id:'picBox';改为  id:'picBox', 试试

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157038 学习 · 2134 问题

查看课程

相似问题