zoom.js 视觉连续图像放大jQuery插件

zoom.js 介绍

zoom.js 提供的 JavaScript API 让网站开发人员能够给页面内容添加缩放效果。在页面上点击,目标处的内容会放大,再次点击或者按 ESC 键即可恢复原始大小。

zoom-js-plugin-demo

使用方法

1.链接zoom.js和zoom.css文件到你的网站或应用程序。


<link href="css/zoom.css" rel="stylesheet">
<script src="js/zoom.js"></script>

2.zoom.js依赖于引导transition.js文件,所以一定要包括以及。


<script src="js/transition.js"></script>

3.添加 data-action="zoom" 属性要缩放的图像。例如:


<img src="img/blog_post_featured.png" data-action="zoom">

插件名称:Zoom.js
演示地址: 传送门
下载地址: 查看官网

1.本文由杨琼博客整理发布,部分文章来自网络,如有侵犯权益,请联络博主,资源失效和内容勘误欢迎留言.

2.转载请注明本文地址:http://www.iyangqiong.com/web/549.html

3.订阅更新:您可以通过 RSS订阅本站

【推荐!必备网址导航】http://longmiao.wang/

分享到:
顶部 评论 底部