js放大镜放大图片效果

发布时间：2008-05-04　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

非常漂亮的js放大镜效果代码，对于浏览图片效果应该不错哦

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html><head><title>全福编程网 js图片放大镜</title> 
<meta http-equiv="imagetoolbar" content="no"> 
<style type="text/css"> 
 body { 
 background: #222; 
 overflow: hidden; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 margin: 0; 
 padding: 0; 
 } 
 #screen span { 
 position:absolute; 
 overflow:hidden; 
 border:#FFF solid 1px; 
 background:#FFF; 
 } 
 #screen img{ 
 position:absolute; 
 left:-32px; 
 top:-32px; 
 cursor: pointer; 
 } 
 #caption, #title{ 
 color: #FFF; 
 font-family: georgia, 'times new roman', times, veronica, serif; 
 font-size: 1em; 
 text-align: center; 
 } 
 #caption b { 
 font-size: 2em; 
 }

</style>

</head><body>

<img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192147592.jpg" alt=""> 
 <img style="left: -11px; top: -8px;" src="http://files.jb51.net/upload/20080504192148526.jpg" alt=""> 
 <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192151907.jpg" alt=""> 
 <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192153429.jpg" alt=""> 
 <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192154128.jpg" alt=""> 
 <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192154190.jpg" alt=""> 
 <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192154345.jpg" alt=""> 
 <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192155839.jpg" alt=""> 
 <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192156858.jpg" alt=""> 
 <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192156118.jpg" alt=""> 
 <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192157749.jpg" alt=""> 
 <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192158181.jpg" alt=""> 
 <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192158115.jpg" alt=""> 
 <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192159820.jpg" alt=""> 
 <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192201596.jpg" alt=""> 
 <img style="left: -11px; top: -9px;" src="http://files.jb51.net/upload/20080504192201700.jpg" alt=""> 
 
 carefully weight the options

</body></html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：js仿土豆视频滚动菜单

下一篇：超级经典一套鼠标控制左右滚动图片带自动翻滚

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

js放大镜放大图片效果

相关推荐

文章分类

热门关键词

热门文章

最新更新