jquery扁平风格网站下拉菜单宽屏焦点图特效代码下载


jquery扁平风格网站下拉菜单宽屏焦点图特效代码下载
jquery扁平风格网站下拉菜单宽屏焦点图特效代码下载以及下拉菜单、宽屏焦点图等js/jquery网页特效代码下载。

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="scripts/jquery-1.8.0.min.js" /></script>
<script type="text/javascript" src="scripts/jquery.SuperSlide.2.1.1.js" /></script>
<script type="text/javascript" src="scripts/public.js"></script>

3. HTML代码

	<!-- header -->
    <div class="header_full w_100">
        <div class="header">
            <!-- top_left | logo -->
            <div class="logo f_l"><img src="images/logo.jpg" width="210" height="54" /></div>			
            <!-- top_right -->
            <div class="top_right f_r">
                <!-- top_link -->
                <div class="top_link">
                    <i>服务热线&nbsp;400-0260-990</i>
                    &nbsp;
                    <span>
                        <a href="https://www.51qianduan.com/">51前端</a>
                        /
                       <a href="https://www.51qianduan.com/">51前端</a>/
                       <a href="https://www.51qianduan.com/">51前端</a>
                    </span>
                </div>
                <!-- menu -->
                <div class="nav_bar">
                    <ul class="nav clearfix">
                        <!-- 单一菜单 | end -->
                        <li class="m">
                            <h3><a href="https://www.51qianduan.com/">51前端</a></h3>
                            <ul class="sub">
                                <LI ><a href="https://www.51qianduan.com/">51前端</a> </LI>
                                <LI ><a href="https://www.51qianduan.com/">51前端</a> </LI>
                            </ul>
                        </li>
                        <li class="s">|</li>
                        <li class="m">
                            <h3><a href="https://www.51qianduan.com/">51前端</a></h3>
                            <ul class="sub">
                              <LI ><a href="https://www.51qianduan.com/">51前端</a>  </LI>
                              <LI ><a href="https://www.51qianduan.com/">51前端</a> </LI>
                              <LI ><a href="https://www.51qianduan.com/">51前端</a> </LI>
                              <LI ><a href="https://www.51qianduan.com/">51前端</a></LI> 
                            </ul>
                        </li>
                        <li class="s">|</li>
                        <li class="m">
                            <h3><a href="https://www.51qianduan.com/">51前端</a></h3>
                            <ul class="sub">
	                         <LI ><a href="https://www.51qianduan.com/">51前端</a> </LI>
                             <LI ><a href="https://www.51qianduan.com/">51前端</a> </LI>
							 </ul>
                        </li>
                        <li class="s">|</li>
                        <li class="m">
                            <h3><a href="https://www.51qianduan.com/">51前端</a></h3>
                            <ul class="sub">
	                        <LI ><a href="https://www.51qianduan.com/">51前端</a> </LI>
                            <LI ><a href="https://www.51qianduan.com/">51前端</a> </LI>
	                        <LI ><a href="https://www.51qianduan.com/">51前端</a> </LI>
                            <LI ><a href="https://www.51qianduan.com/">51前端</a> </LI>
                            </ul>
                        </li>
                        <li class="s">|</li>
                        <li class="m">
                            <h3><a href="https://www.51qianduan.com/">51前端</a></h3>
                        </li>
                        <li class="block"></li><!-- 滑动块 -->
                    </ul>
                </div>
                <!-- menu | end -->
            </div>
        </div>
    </div>
    <!-- header | end -->
    <!-- banner -->
    <div class="full_banner">
    	<div class="bd">
			<ul>
				<li style="background:url(images/banner.jpg) #56C1ED center 0px no-repeat;"><a href="https://www.51qianduan.com/">51前端</a></li>
				<li style="background:url(images/banner3.jpg) #21BFCA center 0px no-repeat;"><a href="https://www.51qianduan.com/">51前端</a></li>
				<li style="background:url(images/banner2.jpg) #394867 center 0px no-repeat;"><a href="https://www.51qianduan.com/">51前端</a></li>
			</ul>
		</div>
		<div class="hd"><ul></ul></div>
    </div>
    <!-- banner | end -->

相关推荐

发表评论

相关文章