zoukankan      html  css  js  c++  java
  • 防刷新jq左侧滚动条导航展示

    html代码:

    <div class="fangchan_navcont">
            <div class="fangchan_nav">
                <ul class="navul" style=" 600px;">
                <li><a href="/fenlei/fangchan.html">全部</a></li>
                    <li><a href="/fenlei/fwcz.html">房屋出租</a></li>

          <li class="liactive"><a href="/fenlei/esf.html">二手房</a></li>

          <li><a href="/fenlei/fwqg.html">房屋求购</a></li>

          <li><a href="/fenlei/fwqz.html">房屋求租</a></li>

          <li><a href="/fenlei/spzr.html">商铺转让</a></li>                
                    <div class="clear"></div>
                </ul>
            </div>
        </div>

    <script>
            var navulsize = $('.navul li').size();
                var navulwidth = $('.navul li').width();
                var allwidth = navulwidth*navulsize;
                $('.navul').width(allwidth);
                $('.navul li').click(function(){
                    var index = $(this).index();
                    var indexur = '#' + index;
                    var indexurl = $(this).children('a').attr('href');
                    var hehref = indexurl + indexur;
                    var data = $(this).attr('data');
                    $(this).children('a').attr('href',hehref);
                    $(data).show().siblings('.gengxinbox').hide();
                    $(this).addClass('liactive').siblings('li').removeClass('liactive');
                });
                $(function(){
                    var endhref = location.href;
                    var parsenum = parseInt(endhref.replace(/[^0-9]/ig,""));
                    var positionleft = $('.navul li:eq('+parsenum+')').offset().left;
                    $('html,.fangchan_nav').animate({scrollLeft:positionleft+'px'}, 0);
                });
            </script>

    实例地址:http://m.qingzhou.cc/fenlei/fangchan.html#0

  • 相关阅读:
    mac 版 Pycharm 激活
    最快的 maven repository--阿里镜像仓库
    java-Object
    java --replaceAll方法
    正则表达式中^[a-z]与[^a-z]有区别吗
    keyListener用的健值表,保留一份
    java播放背景音乐 mp3和mav都可以播放
    腾讯云ubuntu远程桌面
    nginx 配置转发到其他多台服务器
    java 键盘监听事件
  • 原文地址:https://www.cnblogs.com/mm2015/p/5610780.html
Copyright © 2011-2022 走看看