CSS放大镜特效

一、CSS代码

1. #divcss5 { width: 120px; height: 90px; padding: 5px;
    border: 1px solid #ccc; position: relative; } 
2. #divcss5 .small_pic { width: 120px; height: 90px; background: #eee;
    position: relative; } 
3. #divcss5 .float_layer { width: 50px; height: 50px; border: 1px solid #000;
    background: #fff; filter: alpha(opacity: 30); opacity: 0.3;
    position: absolute; top: 0; left: 0; display:none; } 
4. #divcss5 .mark {width:100%; height:100%; position:absolute; z-index:2;
    left:0px; top:0px; background:red; filter:alpha(opacity:0); opacity:0;} 
5. #divcss5 .big_pic { position: absolute; top: -1px; left: 215px; 
   width:250px; height:250px; overflow:hidden; border:2px solid #CCC; display:none; } 
6. #divcss5 .big_pic img { position:absolute; top: -30px; left: -80px; } 

二、JS代码

1. function getByClass(oParent, sClass) 
2. { 
3.  var aEle=oParent.getElementsByTagName('*'); 
4.  var aTmp=[]; 
5.  var i=0; 
6.   
7.  for(i=0;i<aEle.length;i++) 
8.  { 
9.   if(aEle[i].className==sClass) 
10.   { 
11.    aTmp.push(aEle[i]);