分类
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<div class="subMenu ui-header"> <div class="ui-header-box"> <a href="index.html" class="ui-header-logo"> <img src="images/logo.png" alt=""> </a> <div class="ui-header-tel"> <a href="javascript:;">400-660-xxxx</a> </div> <div class="ui-header-qq"> <a href="#">QQ咨询</a> </div> <div class="ui-header-nav"> <dl> <dd class="on"> <h3>首页</h3> </dd> <dd> <h3>网站建设</h3> <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> </ul> </dd> <dd> <h3>建站报价</h3> </dd> <dd> <h3>客户案例</h3> </dd> <dd> <h3>全国网点</h3> </dd> <dd> <h3>关于我们</h3> <ul style="top:75px;"> <li> <a href="#">关于我们</a> </li> <li> <a href="#">企业文化</a> </li> <li> <a href="#">发展历程</a> </li> </ul> </dd> </dl> </div> </div> </div> <div class="banner-bg"></div> <!-- 蓝色背景图 可删除 --> <div style="height:1000px;"></div> <script type="text/javascript"> jQuery(".ui-header-nav").slide({ type: "menu", titCell: "dd", targetCell: "ul", delayTime: 0, defaultPlay: false, returnDefault: true }); $(document).ready( function() { $('.subMenu').smint({ 'scrollSpeed' : 1000 }); }); (function() { $.fn.smint = function(options) { $(this).addClass('ui-header') var settings = $.extend({ 'scrollSpeed ': 500 }, options); return $('.ui-header a').each(function() { if (settings.scrollSpeed) { var scrollSpeed = settings.scrollSpeed } var stickyTop = $('.ui-header').offset().top; var stickyMenu = function() { var scrollTop = $(window).scrollTop(); if (scrollTop > stickyTop) { $('.ui-header').css({ 'position': 'fixed', 'top': 0 }).addClass('fixed'); } else { $('.ui-header').css({ 'position': 'absolute', 'top': stickyTop }).removeClass('fixed'); } }; stickyMenu(); $(window).scroll(function() { stickyMenu(); }); $(this).on('click', function(e) { var selectorHeight = $('.ui-header').height(); e.preventDefault(); var id = $(this).attr('id'); var goTo = $('div.' + id).offset().top - selectorHeight; $("html, body").animate({ scrollTop: goTo }, scrollSpeed); }); }); } } )(); </script>
1. 本站所有素材(未指定商用),仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。
此作品是由17素材网签约用户上传,17素材网拥有版权;未经17素材网书面授权,请勿作他用。人物肖像,字体及音频如需商用需第三方额外授权;
17素材网尊重知识产权,如知识产权权利人认为平台内容涉嫌侵权,可通过邮件:3264130392@qq.com提出书面通知,我们将及时处理。
网站提供的党政主题相关内容(国旗、国徽、党徽...),目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。