鼠标滚轮程序以及CSS的zoom属性范例
2009-07-04 00:53
351 查看
<img src='http://www.lshdic.com/bbs/image/mu.jpg' onmousewheel='alert("滚轮值"+event.wheelDelta)' onclick='this.style.zoom=parseInt(this.style.zoom)+1' oncontextmenu='this.style.zoom=parseInt(this.style.zoom)-1;return false'id=a style='position:absolute;zoom:1' title='左键单击放大1倍,右键单击缩小1倍,鼠标滚轮控制'>
<script>
top1=0;
function document.onmousewheel(){
if(event.wheelDelta>0)top1-=10;else top1+=10
a.style.top=top1
}
</script>
<script>
top1=0;
function document.onmousewheel(){
if(event.wheelDelta>0)top1-=10;else top1+=10
a.style.top=top1
}
</script>
相关文章推荐
- 鼠标滚轮程序以及CSS的zoom属性范例
- css中控制鼠标手型的属性(以及js控制)
- css3中的zoom属性以及jquery中css()方法操作元素的属性
- [Web前端技术教学]CSS中可继承的属性以及无继承性的属性
- CSS中,display属性、行高属性line-height以及垂直对齐方式vertical-align属性详细探讨
- CSS中的ZOOM属性
- CSS的!important属性 以及对它的误解
- 【SCRIPT脚本控制页面不随ctrl+鼠标滚轮而缩放】+【CSS控制页面文字大小不随浏览器设置而改变】
- H5视频播放器属性与API控件,以及对程序的解释
- CSS中的zoom属性和scale属性的用法及区别
- css布局以及一些常用属性
- CSS中不为人知Zoom属性的使用介绍(IE私有属性)
- CSS中font-size、font-family、line-height顺序以及简写属性
- CSS中position属性详解以及定位的说明——实验1
- CSS笔记(动画属性以及counter-reset属性)
- 区别CSS中display:box;inline;none以及HTML中 <frame> 标签<table> 标签的 frame 属性
- CSS中不为人知Zoom属性的使用介绍(IE私有属性)
- 详细分析css float 属性以及position:absolute 的区别
- 利用css的cursor属性改变鼠标的样式
- CSS鼠标样式 cursor 属性