关于Jqzoom的使用心得
应客户的要求,要做个放大镜的功能,我心想JQuery多呢,很简单的嘛!结果~~~~~~~我整整纠结了2天~~~其中换了不下4个JS~~~一直没有解决。我发现主要原因是JS加载太快,页面的DOM还没有加载完全。可是我是用了$(document).ready(),我觉得这个就代表页面加载完全吧!可是呢~~~
我想到了页面生命周期,想到了脚本注入~结果依然纠结!
最后我搜到了一段代码,尝试了一下,终于让我试验成功了!
下面主要演示Jqzoom的方法!推荐一下!
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<script type="text/javascript">
window.onload = function() {
$(".jqzoom").jqueryzoom({
xzoom: 250, //设置放大 DIV 长度(默认为 200)
yzoom: 250, //设置放大 DIV 高度(默认为 200)
offset: 10, //设置放大 DIV 偏移(默认为 10)
position: "right", //设置放大 DIV 的位置(默认为右边)
preload: 1,
lens: 1
});
}
</script>
本文章如标注为原创,转载时请注明出处!