梁鹏程个人主页-帆子博客

最新碎语:如果事与愿违,请相信另有安排!

您的位置:梁鹏程个人主页-帆子博客 >工作简记> js/jq的各种实用并测试可用的代码(不断更新)

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

<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的各种实用并测试可用的代码(不断更新)

分享到:

发表评论

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交

召唤伊斯特瓦尔