鼠标移动放大图片特效 CSS文件

cloud-zoom.css文件

/* This is the moving lens square underneath the mouse pointer.
朝暮数据www.zhaomu.com */
.cloud-zoom-lens {
 border: 4px solid #888;
 margin:-4px; /* Set this to minus the border thickness. */
 background-color:#fff; 
 cursor:move;  
}

/* This is for the title text. */
.cloud-zoom-title {
 font-family:Arial, Helvetica, sans-serif;
 position:absolute !important;
 background-color:#000;
 color:#fff;
 padding:3px;
 width:100%;
 text-align:center; 
 font-weight:bold;
 font-size:10px;
 top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
 border:4px solid #ccc;
 overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
 color:white; 
 background:#222;
 padding:3px;
 border:1px solid #000;
}

 

转载于:https://www.cnblogs.com/wryYH/archive/2012/04/06/2434670.html