最新文章:

首页 工作简记

js/jq的各种实用并测试可用的代码(不断更新)

发布时间:2015年10月28日 评论数:抢沙发 阅读数:2357

    <script type="text/javascript">
    //获取html内容的图片路径和图片alt
        var re = /<img([^>]+?)>/ig;
        var s = $('#tabinfo').html();//获取id为tabinfo里面的html内容
        var strAlt='';
        var strHtml='';
        var strNav='';
        var tempImg='';
        var a=0;
        var re1=/alt\s*=\s*"([^\s]+)"/i;//获得alt内容
        var re2=/src\s*=\s*(["'])([^"']+)\1/i;//获得src内容
        while(re.exec(s))
        {
            a++;
            var strClass='';
            if(a==1){
                strClass=' class="active"';
                }
            tempImg=RegExp.$1;
            strAlt=((re1.test(tempImg))?RegExp.$1:'');
            //re2.test(tempImg);
            strHtml+=((re2.test(tempImg))?RegExp.$2:'');
            strNav+=((re1.test(tempImg))?RegExp.$1:'');
        }
        $("#page-product").html(strHtml);
        $("#progress-navUl").html(strNav);
    //=======================================================================
    $(function(){
    //隔行换色
        $(".page-product .product-pumel:odd").addClass('pumel-odd');
    //监视浏览器窗口的变化=======================================================
        $(window).resize(function(){
            location.reload(true);
        });    
    //浮动导航变小
        $(window).scroll(function() {
                var scrolls = $(this).scrollTop();
                if (scrolls > $('#WebHeader').height()-10) {
                    $('#miniHeader .main').css({
                            paddingTop: 10+'px'
                        });
                    }else {
                        $('#miniHeader .main').css({
                                paddingTop: 50+'px'
                            });
                }
            });
    });
    </script>

二维码加载中...
本文作者:帆子      文章标题: js/jq的各种实用并测试可用的代码(不断更新)
本文地址:http://www.hy01.cn/jq.html
版权声明:若无注明,本文皆为“梁鹏程个人主页-帆子博客”原创,转载请保留文章出处。