jquery仿淘宝商城商品图片预览选择代码
jquery仿淘宝商城商品图片预览选择代码仿淘宝商城商品图片预览选择代码
ShopNC多用户【B2B2C】电商平台系统采用PHP+MYSQL开发,系统融合了多用户商城、团购、CMS(文章、专题、画报)、圈子讨论组、微商城(购物分享)、网页版聊天组件等功能为一体,系统特色:买卖家分离系统、供应商入驻系统、佣金结算系统、售后服务系统等。ShopNC【B2B2C】电商平台系统功能算比较全的了。
三个鼠标事件: onmouseover:鼠标移到指定对象上时触发; onmouseout:鼠标移出指定对象上时触发; onmousemove:鼠标在指定对象上移动时触发; 迫不及待想试一试了。 在你的页面里引入这两个文件。位置放在页面哪里都可以。 1 <img src="img/demo.png"big="true" setting='{"pwidth":400,"pheight":400,"margin_top":0,"margin_left":0}'/> 然后在加入你要显示的图片 xq_big="true" 这个属性很重要哦。它是标注当前元素为放大镜的标识。 1 setting='{"pwidth":400,"pheight":400,"margin_top":0,"margin_left":0}' 这个属性是为放大镜配置的参数。一定要遵循标准的json格式哦。 节点属性用单引号。json属性用双引号。 那么配置参数都有那些呢? 1 2 3 4 5 6 7 8 9 { "pwidth" : 300,//配置可视区域的宽度 默认300px "pheight": 200,//配置可视区域的高度 默认200px "scale" : 3, //设置图片的放大比例 默认3倍 "margin_top" : 50,//设置可是区域距离当前主体img的顶部距离 默认为0 "margin_left" : 50,//设置可是区域距离当前主体img的右边距离 默认为0 "pclass" : "", //为可视区域添加自定义类样式 默认为空 "bigImg" :"" //设置当前主体所对应的大图片地址值,如果不设置,默认取当前img的地址值 } 怎么启动呢? 嘿嘿 这个不用担心,该插件会自动在文档加载完成后自动识别有xq_big属性的img标签。会自动为标注xq_big="true"属性的img标签加入放大镜的效果。看看神器吧!