你判断写反了
//下面是滚动到底部弹出代码$(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相关教程希望对你有帮助谢谢！
