鼠标滚轮改变图片大小的示例代码_javascript技巧

鼠标滚轮改变图片大小的示例代码
<script>
function onWheelZoom(obj){
        zoom = parseFloat(obj.style.zoom);
        tZoom = zoom + (event.wheelDelta>0 ? 0.05 : -0.05);
        if( tZoom > 1 || tZoom<0.1 ) return true;
        obj.style.zoom=tZoom;
        return false;
}
</script>
<a href="javascript:window.close()"><img

src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/20131120101711.png style="zoom:1;"

onmousewheel='return onWheelZoom(this)'></a>

时间： 2024-11-03 00:06:07

鼠标滚轮改变图片大小的示例代码_javascript技巧的相关文章

js实现鼠标滚轮控制图片缩放效果的方法_javascript技巧

本文实例讲述了js实现鼠标滚轮控制图片缩放效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm

js获取图片大小的函数代码_javascript技巧

1.获取图片大小的函数getImageSize 复制代码 代码如下: function getImageSize(imageEl) { var i = new Image(); //新建一个图片对象 i.src = imageEl.src; //将图片的src属性赋值给新建图片对象的src return new Array(i.width, i.height); //返回图片的长宽像素 //return [i.width, i.height]; } 2.示例 复制代码 代码如下: var img

JS 实现图片直接下载示例代码_javascript技巧

复制代码 代码如下: <a href="picName.jpg" id=pic1 onclick="savepic();return false;" style="cursor:hand">点击下载</a> 复制代码 代码如下: <script type="text/javascript"> function savepic() { if (document.all.a1 == null)

javascript获得网页窗口实际大小的示例代码_javascript技巧

javascript代码: 复制代码 代码如下: function get_page_size() { var re = {}; if (document.documentElement && document.documentElement.clientHeight) { var doc = document.documentElement; re.width = (doc.clientWidth>doc.scrollWidth)?doc.clientWidth-1:doc.scr

JS判断两个时间大小的示例代码_javascript技巧

如下所示: 复制代码 代码如下:  function validTime(startTime,endTime){       var arr1 = startTime.split("-");       var arr2 = endTime.split("-");       var date1=new Date(parseInt(arr1[0]),parseInt(arr1[1])-1,parseInt(arr1[2]),0,0,0);        var da

JS 屏蔽按键效果与改变按键效果的示例代码_javascript技巧

功能键F1-F2:112-123 a-b:65-90 数字键:0-9:48-57 ESC:27 退格键:8 回车:13 shift:16:Ctrl:17:Alt:18 空格:32 Insert:45:Delete:46 复制代码 代码如下: function document.onkeydown(){                //网页内按下回车触发  if(event.keyCode==13)  {   document.getElementById("loginbtn").cl

网页里控制图片大小的相关代码_JavaScript

1.用鼠标拖动来改变大小 <SCRIPT LANGUAGE="JavaScript">function resizeImage(evt,obj){newX=evt.xnewY=evt.yobj.width=newXobj.height=newY}</script><img src="7say.gif" ondrag="resizeImage(event,this)"> 2.用鼠标滚动控制图片大小 <img

js图片处理示例代码_javascript技巧

复制代码 代码如下: var ImgObj=new Image(); //建立一个图像对象 var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//全部图片格式类型 var FileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,HasCheked,IsImg//全局变量 图片相关属性 //以下为限制变量 var AllowExt=".jpg|.gif|.doc|.txt|&q

使用React实现轮播效果组件示例代码_javascript技巧

前言 我发现React和AngularJS思想完全不同,AngularJS是基于双向绑定,在Modal层中定制数据,然后双向改变.但是React是通过prop和state来改变view层的状态.下面是我写的一个轮播图组件,可以直接看一下.代码很简单.原理就是通过React在componentDidMount后改变setState,来动态改变css样式. 说明以下:看gif很卡,但是实际效果还是很好的. 以下是示例代码 LunBo.js require('styles/App.css'); req