【文件属性】:
文件名称:HoverZoomin:在容器元素内,鼠标hover到子元素上放大,不超出容器
文件大小:5KB
文件格式:ZIP
更新时间:2021-07-01 03:25:18
JavaScript
HoverZoomin
鼠标hover放大组件 HoverZoomin
在容器元素内,鼠标hover到子元素上放大,不超出容器
基本配置使用:
var hoverZoomin = new HoverZoomin('.container', {
// hover元素的选择器
selector: '.hzi-item',
// 达到状态
// 需要设置下zIndex
hziTo: {
width: 300,
height:300,
zIndex: 5
}
});
当鼠标放到元素上之后,目标元素会增加class:hzi-enter
兼容性:
IE7+(IE6未测试),其他浏览器
编码风格:
用的tab,tab大小为2个空格
协议:
【文件预览】:
HoverZoomin-master
----src()
--------HoverZoomin.js(5KB)
----example()
--------index.html(632B)
--------index.css(338B)
----LICENSE(1KB)
----README.md(646B)