网站制作过程中jquery中的mousewheel事件
潍坊华邦网络 2016-08-04 18:13:34 1.8K 0
游戏编码：GM393100079 最后修订时间：2016-08-04 18:13:34
无附件
链接如果失效，点此上报
jquery中的mousewheel事件，注意 以下代码可能不兼容firefox
<!doctype html>
<html>
<head>
<script type="text/javascript" src="http://www.qmsxw.com/js/jquery-1.12.0.min.js"></script>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<script>
$(document).on('mousewheel', function(e) {
//var md=e.originalEvent.wheelDelta
e.originalEvent.wheelDelta<0?$(".head").animate({height:"30px"}):$(".head").animate({height:"600px"},1000)
});
</script>
<div id="msg" style="position:fixed;top:0; background:#573C3C"></div>
<div class="top"></div>
<div class="bannar"></div>
<div class="head" style="background:#191212;height:600px;">saassaas</div>
</body>
</html>
