zoukankan      html  css  js  c++  java
  • 滚动切换标签卡

    //////参考网址:http://quanzhou.lashou.com/deal/8198979.html

    /////点击页面滚动到相应位置
    $(".nav ul li").eq(0).click(function(){
    $(this).addClass("on").siblings().removeClass("on");
    $("html,body").stop().animate({scrollTop:$(".map").offset().top-50},800)
    })
    $(".nav ul li").eq(1).click(function(){
    $(this).addClass("on").siblings().removeClass("on");
    $("html,body").stop().animate({scrollTop:$(".prodetail").offset().top-50},800)
    })
    //滚动改变标签
    $(window).scroll(function(){
    var t1=$(".map").offset().top;
    var t2=$(".prodetail").offset().top;
    if($(window).scrollTop()>t1){
    $(".nav ul li").eq(0).addClass("on").siblings().removeClass("on");
    };
    if($(window).scrollTop()>t2-100s){
    $(".nav ul li").eq(1).addClass("on").siblings().removeClass("on");
    }
    })

  • 相关阅读:
    [SCOI2010]连续攻击游戏
    [SCOI2010]幸运数字
    SCOI2010第一场
    Asm.Def谈笑风生
    商务旅行
    [NOI2000] 单词查找树
    [HNOI2004] L语言
    于是他错误的点名开始了
    字典
    [SDOI2015]星际战争
  • 原文地址:https://www.cnblogs.com/iqiao/p/4208421.html
Copyright © 2011-2022 走看看