<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html" charset="utf-8"/> <title>慕课网</title> <link href="慕课网css.css" type="text/css" rel="stylesheet"> <script src="js" type="text/javascript"></script> <script src="js/mf-pattern/mF_YSlider.js" type="text/javascript"></script> <link href="js/mf-pattern/mF_YSlider.css" type="text/css" rel="stylesheet"> <script type="text/javascript"> myFocus.set({id:'picBox'}); </script> </head> <body> <div class="top"> <div class="top_content"> <ul> <li><a href="#">联系我们</a></li> <li><a href="#">加入收藏</a></li> <li><a href="#">设为首页</a></li> </ul> </div> </div><!--top结束--> <div class="wrap"> <div class="logo"> <div class="logoleft"> <img src="imgs/慕课网images/logo.jpg"> </div> <div class="logoright"> <img src="imgs/慕课网images/tel.jpg">24小时服务热线:<span class="tel">123-456-7890</span> </div> </div><!--logo结束--> <div class="nav"> <div class="nav_left"></div> <div class="nav_mid"> <div class="nav_mid_left"> <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 class="nav_mid_right"> <form method="post" action=""> <input type="text" class="serch_text"> </form> </div> </div><!--nav_mid结束--> <div class="nav_right"></div> </div> <!--nav结束--> <div class="ad" id="picBox"><!--焦点图盒子--> <div class="pic"><!--内容列表(li数目可以随意增减)--> <ul> <li><a href="#"><img src="imgs/慕课网images/ad2.jpg" /></a></li> <li><a href="#"><img src="imgs/慕课网images/ad3.jpg" /></a></li> <li><a href="#"><img src="imgs/慕课网images/ad4.jpg" /></a></li> </ul> </div> </div> </div><!--wrap结束--> </body> </html>
*{ max-resolution: 0; padding: 0; font-size: 12px; } body{background:#F5F5F5;} .top{width: 100%;height: 27px;background: gray;background: url(imgs/慕课网images/top_bg.jpg) repeat-x;} .top_content{width: 1000px;margin: 0 auto;} .top_content li{list-style-image: url(imgs/慕课网images/li_bg.gif);float: right;width: 70px;line-height: 27px;}/*list-style-img:url定义li的图表。。。。line-height代表文字垂直居中*/ .top_content a:link,.top_content a:visited{color:#8E8E8E;text-decoration: none;}/*link代表初始状态颜色为灰色,vistied代表点击后的状态*/ .top_content a:hover,.top_content a:active{color: red;text-decoration: none;}/*hover代表鼠标指针浮动在上面的状态颜色为红色,vistied代表点击时的状态*/ .wrap{width: 1000px;margin: 0 auto;} .logo{height: 80px;background: #ffffff;} .logoleft{width:200px;float: left;} .logoright{width:300px;float: right;margin-top:30px;color: #8E8E8E; } .logoright img{vertical-align: middle;margin-right: 10px;}/*电话图片居中对齐代码:vertical-align:middle*/ .tel{color:red;font-size: 16px;font-family: 微软雅黑;}/*span属性属于内联属性,不会独占一行另行开始*/ .nav{height: 40px;} .nav_left{width: 10px;background: url(imgs/慕课网images/nav_left.jpg) no-repeat;} .nav_mid{width: 980px;background: url(imgs/慕课网images/nav_bg.jpg) repeat-x;} .nav_right{width:10px;background: url(imgs/慕课网images/nav_right.jpg) no-repeat;} .nav_mid,.nav_right,.nav_left{height: 40px;float: left} .nav_mid_left,.nav_mid_right{float: left;} .nav_mid_left{width: 680px;} .nav_mid_right{width: 300px;} .nav_mid_left li{float: left;list-style: none;width:100px;text-align: center;}/*list-style:none代表去掉li前面的小黑点样式*/ .nav_mid_left a:link,.nav_mid_left a:visited{text-decoration: none;color: #ffffff;font-size: 16px;font-family: 微软雅黑;} .nav_mid_left a:hover,.nav_mid_left a:active{text-decoration: none;color:#ffff00;font-size: 16px;font-family: 微软雅黑;} .serch_text{width: 190px;height: 25px;margin-top: 5px;background: url(imgs/慕课网images/search.jpg) no-repeat right center #ffffff;padding-right: 25px;border: #ffffff solid 1px;}/*padding-right巧妙设置了输入文本与放大镜的距离*/ .ad{height: 310px;overflow: hidden;}
求指导,为什么我的焦点图不会动?只是单张显示。
路径库哪里错了?
我怎么觉得没有错啊
...删除不了提问的么?
那就自问自答吧。
JS库路径错误了。