图片变化效果

图片变化效果

脚本说明:
把如下代码加入<body>区域中
<a name="logoAnchor"> </a>
<div id="logo" style="position:absolute;visibility:visible;">
<img name="logoIm" src="003.jpg">
</div>

<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
function BrowserCheck() {
var b = navigator.appName;
if (b == "Netscape") this.b = "NS";
else if (b == "Microsoft Internet Explorer") this.b = "IE";
else this.b = b;
this.v = parseInt(navigator.appVersion);
this.NS = (this.b == "NS" && this.v >= 4);
this.NS4 = (this.b == "NS" && this.v == 4);
this.NS5 = (this.b == "NS" && this.v == 5);
this.IE = (this.b == "IE" && this.v >= 4);
this.IE4 = (navigator.userAgent.indexOf('MSIE 4') > 0);
this.IE5 = (navigator.userAgent.indexOf('MSIE 5') > 0);
if (this.IE5 || this.NS5) this.VER5 = true;
if (this.IE4 || this.NS4) this.VER4 = true;
this.oldVer = (! this.VER5 && ! this.VER4) ? true : false;
this.min = (this.NS || this.IE);
}
is = new BrowserCheck()
var myLogo = (is.NS4) ? document.layers["logo"] : document.all["logo"].style;
var logoWidth = (is.NS4) ? document.logo.document.logoIm.width : document.logoIm.width;
var logoHeight = (is.NS4) ? document.logo.document.logoIm.height : document.logoIm.height;
var halfHeight = logoHeight / 2;
var windowWidth = (is.NS4) ? window.innerWidth - 16 : document.body.offsetWidth - 20;
var halfWidth = logoWidth / 2;
var cliplogoHeightor = (is.NS4) ? 
'myLogo.clip.top = 0;' +
'myLogo.clip.right = right;' +
'myLogo.clip.bottom = logoHeight;' +
'myLogo.clip.left = left; '
:
'str="rect(0 " + right + " " + logoHeight + " " + left + ")";' +
'myLogo.clip = str; '
var clipLogoVert = (is.NS4) ? 
'myLogo.clip.top = up;' +
'myLogo.clip.right = logoWidth;' +
'myLogo.clip.bottom = dn;' +
'myLogo.clip.left = 0; '
:
'str="rect(" + up + " " + logoWidth + " " + dn + " 0)";' +
'myLogo.clip = str;'
var right = logoWidth, left = 0;
var cnt = 0, up = halfHeight, dn = halfHeight, upDown;
var logoWidth, logoHeight;
// ---------------  User modifiable variables  ----------------------

//if useAnchorPosition is true logo will be positioned where you put the "logoAnchor"
//set to false to center logo - also set myLogo.top to desired position