Jquery 放大镜效果

最新推荐文章于 2023-01-14 21:47:59 发布

前端漫谈

最新推荐文章于 2023-01-14 21:47:59 发布

阅读量827

点赞数

分类专栏：前端脚本文章标签： Java jquery

前端脚本专栏收录该内容

60 篇文章

订阅专栏

1. 下载Jquery放大镜效果的js文件

2.创建html页面

3.添加图片，修改下面的图片名称

页面代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>
	
	
	<script src="js/jquery-1.5.2.min.js"></script>
	<script src="js/jquery.imageLens.js"></script>
	<script src="js/main.js"></script>
	
</head>
<body>
	 <img id="img_01" src="data_images/app.jpg" width="350" height="262" />
</body>
</html>

4.打开html,查看图片，实现放大功能