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;
}
carefully weight the options
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
您可能感兴趣的文章:
- 用js实现放大镜的效果的简单实例
- JavaScript图片放大镜效果代码[代码比较简单]
- 奇妙的Javascript图片放大镜
- JavaScript 图片放大镜(可拖放、缩放效果)
- 原生js写的放大镜效果
- 电子商务网站上的常用的js放大镜效果
- JavaScript 图片切割效果(放大镜)
- 图片放大镜jquery.jqzoom.js使用实例附放大镜图标
- JS实现图片放大镜效果的方法
- JavaScript实现图片放大镜效果