chrome调试js:JS实现 兼容IE Firefox
Chrome 的圆形放大镜效果
疯狂代码 http://CrazyCoder.cn/ :http:/CrazyCoder.cn/BlogDigest/Article74607.html
先看看Demo和效果图: http://www.besteast.com/demo/1.htm


放大镜效果的原理简单,很多人都用过,写过.难点在圆形,因为大图超出圆形区域的部分无法遮罩.废话少
说,直接爆原理: ;1. Firefox和Chrome中,用 css ;-moz-border-radius:105px;
-webkit-border-radius:105px;来实现一个圆形DIV容器,然后把图片作为容器的背景图片,移动的时候,调
整对象的 backgroundPosition; ;2. IE中,用 Chroma 滤镜配合一个四角PNG来使四个圆角透明 ;这里贴出源码:/*Copyright by 疯子阿飞 xiarugu@163.com */ ;Code



放大镜演示


v\:*{behavior:url(#default#VML)}











; ; ; ;
; ; ; ;






/*Copyright ;by ;疯子阿飞 ;xiarugu@163.com ;*/
function ;class_Form($)
{
; ; ; ;var ;divM=$("#divM");
; ; ; ;var ;divBox=$("#divBox");

下一页