web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置：
首页
>
网页特效
>
图片特效
EasyZoom实用的jquery图片放大插件
分类：
图片特效
日期：
2024-05-14
点击(1)
评论(0)
演 示
免费下载
简介
##### HTML结构 EasyZoom不需要特别的html结构，只需要一个div，给它一个class easyzoom。然后在div中放置一个a元素用来指向大图，a中放置小图。 ```html <div class="easyzoom"> <a href="images/zoom.jpg"> <img src="images/standard.jpg" alt="" /> </a> </div> ``` ##### CSS ```html /* Shrink wrap strategy 1 */ .easyzoom { float: left; } .easyzoom img { display: block; } /* Shrink wrap strategy 2 */ .easyzoom { display: inline-block; } .easyzoom img { vertical-align: bottom; } ``` ##### JAVASCRIPT EasyZoom通过jQuery来实例化对象，还可以通过元素数据访问对象实例的API。EasyZoom也兼容AMD和CommonJS。 ```html // Instantiate EasyZoom plugin var $easyzoom = $('.easyzoom').easyZoom(); // Get the instance API var api = $easyzoom.data('easyZoom'); ```
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告
