热门关键字:
jquery > jquery插件 > jquery图片放大 > 网友yang分享js实现图片的放大和拖拽特效

网友yang分享js实现图片的放大和拖拽特效

15031
所属分类:jquery图片放大
发布时间:2014/3/10 21:55:12
下载量:1865
评论数:2
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=417

首先非常感谢网友yang的无私分享,此作品是一款非常实用的js特效,实现了图片的放大和拖拽功能,没用用到jquery插件,是用原生javascript实现的,除了点击放大和缩小按钮来控制图片的放大缩小,还可以使用鼠标的滚轮控制图片的缩放。。。


核心代码如下:

function onWheelZoom(obj){  //滚轮缩放
	zoom = parseFloat(obj.style.zoom);
	tZoom = zoom + (event.wheelDelta>0 ? 0.05 : -0.05);
	if(tZoom<0.1 ) return true;
	obj.style.zoom=tZoom;
	return false;
}

效果如下:

网友yang分享js实现图片的放大和拖拽特效





如果您觉得本作品对您的学习有所帮助:支付鼓励



关键字:网友yang 图片放大 拖拽 js特效
  • 网友yang分享js实现图片的放大和拖拽特效如果你喜欢学院的资源就下载吧,亲,谢谢!
  • 网友yang分享js实现图片的放大和拖拽特效
  • 网友yang分享js实现图片的放大和拖拽特效
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐temdy@qq.com,一旦发现造成侵权行为,后果自负。。

友荐云推荐