首页
编程
PHP基础
PHP教程
php框架
JavaScript
asp.net
AJAX
正则表达式
ASP
html代码
css
前端框架
Python
服务器
数据库
mysql
mssql
redis
数据库问题
系统教程
window10教程
window8教程
window11教程
window7教程
windowxp教程
linux教程
U盘教程
操作系统
Windowsxp
windows7
windows8
windows10
其他操作系统
程序下载
企业程序
小说/有声
网站模板
第三方软件
新闻资讯
第三方源码
小程序
商城源码
框架书籍
前端开发
服务器端开发
数据库
开发软件
其他手册
jquery插件库
输入
banner图
图片脚本
导航/分类
播放器
css3
jQuery脚本
jqueryhtml5
进度条
贴图/客服
在线工具
编码转换工具
在线IDE编码工具
开发手册
linux命令大全
Bootstrap
HTML参考手册
css手册/教程
ThinkPHP5.0
ThinkPHP3.2
当前位置：
Gxlcms
>
JavaScript
>
jquery实现京东商城、凡客商城的图片放大效果_jquery
jquery实现京东商城、凡客商城的图片放大效果_jquery
时间：2021-07-01 10:21:17
帮助过：4人阅读
效果如下：
看下我们的演示，“运行代码”后请刷新一次：
<html> <head> <title>JQzoom Demo</title> <script src="http://img.jb51.net/online/jqzoom/js/jquery-1.3.2.min.js" type="text/javascript"></ script> <script src="http://img.jb51.net/online/jqzoom/js/jqzoom.pack.1.0.1.js" type="text/javascript"></ script> <style type"text/css"> div.notes{ font-size:12px; } div.notes a{ color:#990000; } </style> <script type="text/javascript"> $(function() { $(".jqzoom").jqzoom(); }); </ script> </head> <body> <img src="http://files.jb51.net/upload/20090510114029981.jpg" title="kawasakigreen" /> </body></html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
要实现这样的效果，只需要在需要这样效果的页面的区域加入：
代码如下:
登录
记住我的登录
忘记密码？
登录
我已阅读
用户协议
及
版权声明
注册
.gif)