网站首页

网站源码

加入VIP，免费下载全站VIP素材开通VIP

PHP源码 ASP源码 .NET源码其他VIP源码手机VIP源码

CMS模板

加入VIP，免费下载全站VIP素材开通VIP

织梦模板帝国cms模板商城源码 discuz模板 wordpress模板其他源码 app源码 pbootcms

安卓源码

加入VIP，免费下载全站VIP素材开通VIP

VIP源码控件分类功能分类技术博客

免费源码

php源码 asp源码 .NET源码 java源码其他源码

会员特权

广告合作

●●●

加入VIP，免费下载全站素材开通VIP

设计素材网页特效网页设计作业开发教程

登录注册 QQ登录

当前位置：首页 > 网页特效 > 图片代码 >

用Aui-core实现图片放大镜预览js特效

时间：2014-04-24 09:07 来源：互联网作者：源码搜藏收藏推荐

广告推荐

效果预览立即下载

此js特效是一款非常实用的功能是他用自己写的js框架Aui-core写的，使用场景很广，很多网站都用到，网站的产品展示模块用得最多，显示一张小图片，当鼠标移到图片上的时候就就按比例放大图片预览，使用非常简单。

可支持以下功能

1、图片放大

2、图片预加载

3、弹出层

HTML代码如下：

			
							01
						
							<div id="demo">
					
							02
						
							    <div id="wraper">
					
							03
						
							        <div id="small">
					
							04
						
							            <span id="mask">
					
							05
						
							                <div></div>
					
							06
						
							            </span>
					
							07
						
							            <samp id="bg"></samp>
					
							08