教程集 > jQuery > jquery 教程 > 正文超有漂亮放大镜js代码

超有漂亮放大镜js代码

发布时间：2023-12-23 编辑：jiaochengji.com

教程集为您提供超有漂亮放大镜js代码等资源，欢迎您收藏本站，我们将为您提供最新的超有漂亮放大镜js代码资源

超有漂亮放大镜js代码

提示：您可以先修改部分代码再运行

<!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">  <head>  <title></title>  <meta http-equiv="content-type" content="text/html;charset=gb2312">    <style type="text/css">  /* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */  /* CSS class for zoomed area */  .MagicZoomBigImageCont {  	border:			1px solid #91b817;  }  /* Header look and feel CSS class */  /* header is shown if "title" attribute is present in the <A> tag */  .MagicZoomHeader {  	font:			10px Tahoma, Verdana, Arial, sans-serif;  	color:			#fff;  	background:		#91b817;  	text-align:     center !important;   }  /* CSS class for small looking glass square under mouse */  .MagicZoomPup {  	border: 		1px solid #aaa;  	background: 	#ffffff;  }  /* CSS style for loading animation box */  .MagicZoomLoading {  	text-align:		center;  	background: 	#ffffff;  	color:			#444;  	border: 		1px solid #ccc;  	opacity:		0.8;  	padding:		3px 3px 3px 3px !important;  	display: 		none; /* do not edit this line please */  }  /* CSS style for gif image in the loading animation box */  .MagicZoomLoading img {  	padding-top:	3px !important;  }  img {  	border: 0px;  }  h1{  	margin:30px 0 5px 0;  	border:#996600 solid;  	border-width:0 0 1px 5px;  	padding:5px;  }  </style>  <script type="text/javascript" src="http://www.111cn.net/notfound.jpg" title="Super bike" class="MagicZoom"><img src="http://p1.jquerycn.cn/111cn/9/0/1474575141_1558.jpg"/></a>  <h1>demo2</h1>    <img src="http://p1.jquerycn.cn/111cn/9/0/1474575141_1752.jpg"/>  <h1>demo3</h1>    <img src="http://p1.jquerycn.cn/111cn/1/f/1474575141_5233.jpg"/>  <img class="MagicZoomLoading" src="http://p1.jquerycn.cn/111cn/9/0/1474575141_7994.jpg" alt="Loading Zoom, please wait"/>  <img src="http://p1.jquerycn.cn/111cn/1/9/1474575141_9401.jpg"/>  <img src="http://p1.jquerycn.cn/111cn/1/9/1474575142_6996.jpg"/>  <img src="http://p1.jquerycn.cn/111cn/1/9/1474575142_4233.jpg"/>  <img src="http://p1.jquerycn.cn/111cn/1/9/1474575142_4986.jpg"/>  <h1>demo4</h1>    <img src="http://p1.jquerycn.cn/111cn/1/9/1474575142_9344.jpg"/>  <samp id="zoom2-big"></samp>  <h1>demo5</h1>      </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
jquery放大镜效果超漂亮噢
 JavaScript图片放大镜的简单代码
 超漂亮js相册图片展示效果
 Illustrator设计一款漂亮的签名档制作教程
 Photoshop设计逼真漂亮雪景制作教程
 Javascript图片放大镜的实例分析
 CSS 滤镜效果：模糊、灰度、亮度等
 基于jquery的放大镜效果
 Photoshop利用滤镜制作漂亮绚丽烟花教程
 网页特效/js超漂亮下拉菜单效果

上一篇：js 滑动带缓冲的二级菜单导航菜单下一篇：js点击复制网页标题与地址

[关闭]

超有漂亮放大镜js代码

最近更新

浏览排行