网页Banner图片切换js的使用

最新推荐文章于 2019-06-14 00:56:44 发布

纹路猫

最新推荐文章于 2019-06-14 00:56:44 发布

阅读量1.7k

点赞数

分类专栏：前端开发文章标签： jquery js 图片 javascript

本文链接：https://blog.csdn.net/hougelou/article/details/8109163

版权

前端开发专栏收录该内容

64 篇文章 0 订阅

订阅专栏

        <script src="../js/jquery1.7.0.js" type="text/javascript"></script>
    <script src="../WebJs/CommentJs/focus.js" type="text/javascript"></script>
    <script src="../WebJs/CommentJs/passport.js" type="text/javascript"></script>
    <script src="../WebJs/ControlJs/header.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="Main">
        <div id="Header">
            <uc1:header ID="header1" runat="server" />
        </div>
        <div id="Content" class="box">
           <div id="divLeft" class="box">
              <!--图片切换-->
              <div id="pic" class="box">
                    <div class="sub_box">
                      <div id="p-select" class="sub_nav">
                        <div class="sub_no" id="bd1lfsj">
                          <ul>
                            <li class="show">
                              1
                            </li>
                            <li class="">
                               2
                            </li>
                          </ul>
                        </div>
                      </div>
                      <div id="bd1lfimg">
                        <div>
                          <dl class="show">
                          </dl>
                          <dl class="">
                            <dt>
                              <a href="#" title="" target="_blank">
                                <img src="../images/ad2.png" />
                              </a>
                            </dt>
                            <dd>
                              <h2>
                                <a href="#" target="_blank">
                                 sdfsdf
                                </a>
                              </h2>
                            </dd>
                          </dl>
                        </div>
                        <div>
                          <dl class="show">
                          </dl>
                          <dl class="">
                            <dt>
                              <a href="#" title="" target="_blank">
                                <img src="../images/ad2.png" />
                              </a>
                            </dt>
                            <dd>
                              <h2>
                                <a href="#" target="_blank">
                                 sdfsdf
                                </a>
                              </h2>
                            </dd>
                          </dl>
                        </div>
                      </div>
                      <script type="text/javascript">
                       <span style="color:#ff0000;"> movec();</span>
                      </script>
                    </div>
                </div>
           </div>

这样放置代码才有效果，但是把js放置在前面会阻塞图片的加载，所以可以这样：

        <div id="Footer" style="margin-top:20px;">
            <uc2:footer ID="footer1" runat="server" />
        </div>
    </div>
    </form>
    <script src="../js/jquery1.7.0.js" type="text/javascript"></script>
    <script src="../WebJs/CommentJs/focus.js" type="text/javascript"></script>
    <script src="../WebJs/CommentJs/passport.js" type="text/javascript"></script>
    <script src="../WebJs/ControlJs/header.js" type="text/javascript"></script>
</body>
</html>

可以把红色的“movec（）”放到passport.js里面