先睹为快:点击查看demo
图片放大镜的实现主要运用尺寸比例和css position定位
尺寸比例
根据上图我们可以知道如下信息
缩略图:thumb = { w:400, h:400}
显示框:[……]
首先该插件附带一个地区基础数据文件cityData.js,数据比较老且只有省、市、县三级,插件也没有预留做第四级的扩展。生成的选择控件UI分为:原生select、div模拟select、选项卡三种形式
[......]
.op-input{ display:inline-block; height:22px; line-height:22px; vertical-align:middle;}
.RIA-reduce, .RIA-add{ float:left; width:22px; border-radius[……]