Jquery 动画效果,滚动条滚到底部100px时候,左边的自动弹出,滚动条向上的时候自动缩回,代码出了点问题

html-css017

Jquery 动画效果,滚动条滚到底部100px时候,左边的自动弹出,滚动条向上的时候自动缩回,代码出了点问题,第1张

你判断写反了

 //下面是滚动到底部弹出代码

 $(window).scroll(function(){

    //页面滚动判断

    if( $('#slidebar').css("left")!=0 &&($(document).height()-$(this).height()-$(this).scrollTop()>=100)){//距离底部100时,自动展开

        $('#slidebar').stop().animate({left:'-360px'},'fast')

    }else{//否则关闭

        $('#slidebar').stop().animate({left:'0px'},'slow')

    }

})

那是两个背景图片 鼠标规划过后效果 代码例如:

#daohang a{ //daohang=ID名随意起

background-image:img1 //初始为红色小框背景图

}

#daohang li a:hover{

background-image:img2 //划过后变为黑色小框的背景图

}

添加图片<img src="图片路径">、添加链接<a href="要链接的地址">连接</a>;建议到w3cschool上先泛泛地浏览一遍css、div相关教程希望对你有帮助谢谢!