<body>
<style>
body {text-align: center;}
div {width: 100px;height: 100px;margin: 0 auto;background: #ddf;}
</style>
<script type="text/javascript" src="jQuery-1.3.2.js"></script>
<script type="text/javascript" src="jquerymousewheel.js"></script>
<div></div>
<img src="image_define.jpg" width="200">
<script type="text/javascript">
var i = 0;
var width = parseInt(jQuery("div").css("width"));
var height = parseInt(jQuery("div").css("height"));
jQuery("img").mousewheel(function(e, delta) {
if (delta > 0) i++;
else if (delta < 0) i--;
//alert(isNaN(delta))
jQuery(this).css("width", width + i + "px");
jQuery(this).css("height", height + i + "px");
jQuery(this).html(delta);
});
</script>
</body>
- 1
- 2
前往页