先睹为快:点击查看demo
图片放大镜的实现主要运用尺寸比例和css position定位
尺寸比例
根据上图我们可以知道如下信息
缩略图:thumb = { w:400, h:400}
显示框:[……]
首先该插件附带一个地区基础数据文件cityData.js,数据比较老且只有省、市、县三级,插件也没有预留做第四级的扩展。生成的选择控件UI分为:原生select、div模拟select、选项卡三种形式
[......]
jQuery的index()方法使用比较多的应该在象幻灯片、选项卡这类交互中,比如点击第一个幻灯,就播放第一张图片,这里的“一”,通常就是获取元素的索引,当然也可以用其他方法实现的,代码如下:
[……]
function inView(t) {
var e = $(window).height(),
i = $(“body”).scrollTop() || $(“html”).scrollTop(),
a = t.offset().top;
return e + i > a &[……]