鼠标滚动效果
2014-08-05 16:26
141 查看
var $navFun = function() {
var st = $(document).scrollTop(),
headh = $("div.head").height()+$("div.jiu-nav-main ").height()+$("div.act-bg").height();
headh01 = $("div.head").height()+$("div.jiu-nav-main ").height()+$("div.act-bg").height()+$('div.act-one').height();
$nav_classify = $("div.silde-act-nav");
$dd = $('div.silde-act-nav a')
$back = $('.back-act')
if(st > headh){
$nav_classify.addClass("fixed");
$dd.eq(0).addClass('active');
} else {
$nav_classify.removeClass("fixed");
$dd.eq(0).removeClass('active');
}
if(st >headh01){
$dd.eq(0).removeClass('active');
$dd.eq(1).addClass('active');
} else{
$dd.eq(0).addClass('active');
$dd.eq(1).removeClass('active');
}
$back.on('click',function()
{
$(document).animate({ scrollTop: 0 }, 300);
return false;
})
};
var F_nav_scroll = function () {
if (!window.XMLHttpRequest) {
return;
}else{
//默认执行一次
$navFun();
$(window).bind("scroll", $navFun);
}
}
F_nav_scroll();
var st = $(document).scrollTop(),
headh = $("div.head").height()+$("div.jiu-nav-main ").height()+$("div.act-bg").height();
headh01 = $("div.head").height()+$("div.jiu-nav-main ").height()+$("div.act-bg").height()+$('div.act-one').height();
$nav_classify = $("div.silde-act-nav");
$dd = $('div.silde-act-nav a')
$back = $('.back-act')
if(st > headh){
$nav_classify.addClass("fixed");
$dd.eq(0).addClass('active');
} else {
$nav_classify.removeClass("fixed");
$dd.eq(0).removeClass('active');
}
if(st >headh01){
$dd.eq(0).removeClass('active');
$dd.eq(1).addClass('active');
} else{
$dd.eq(0).addClass('active');
$dd.eq(1).removeClass('active');
}
$back.on('click',function()
{
$(document).animate({ scrollTop: 0 }, 300);
return false;
})
};
var F_nav_scroll = function () {
if (!window.XMLHttpRequest) {
return;
}else{
//默认执行一次
$navFun();
$(window).bind("scroll", $navFun);
}
}
F_nav_scroll();
相关文章推荐
- 非常漂亮的图片展示效果,倒影,可以用用鼠标中键滚动,半透明的效果,也很方便改为动态的,带图
- 兼容FF,JS不间断循环滚动,包含自滚动,左右自滚动,点击左右滚动,鼠标暂停效果
- js图片滚动效果 时间随便定 鼠标移上去停止
- jquery 随鼠标滚动效果
- headroom.js 用例,漂亮完善的 鼠标滚动 --->导航栏隐藏显示效果
- 基于jquery的滚动鼠标放大缩小图片效果
- 非常漂亮的图片展示效果,倒影,可以用用鼠标中键滚动,半透明的效果,也很方便改为动态的,带图
- jquery实现的鼠标下拉滚动置顶效果
- 列表的鼠标按下滚动抬起停止效果
- 隐藏滚动条、保留鼠标滚动效果
- javascript实现的图片滚动效果,鼠标放上可停止
- DIV滚动 鼠标悬停效果
- 给GridView里的行加上鼠标滚动效果
- js图片滚动效果时间可随意设定当鼠标移上去时停止
- js鼠标滚轮滚动图片切换效果
- jcarousellite插件鼠标经过和鼠标移出悬浮效果及图片小于可见数是滚动混乱
- jQuery实现鼠标滚动图片延迟加载效果附源码下载
- 兼容FF,JS不间断循环滚动,包含自滚动,左右自滚动,点击左右滚动,鼠标暂停效果