Webpage specially good effect—-The mouse hovers picture fadein effect:
|
It is quotative content below:
< ! DOCTYPE Html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
<html Xmlns= "http://www.w3.org/1999/xhtml" >
<head>
<meta Http-equiv= "Content-Type" Content= "text/html; Charset=utf-8" />
<title>www.webjx.com</title>
<script Language=JavaScript1.2>
< ! - -Function High(which2){Theobject=which2Highlighting=setInterval(”highlightit(theobject)” , 40)
}Function Low(which2){ClearInterval(highlighting)Which2.filters.alpha.opacity=40
}Function Highlightit(cur2){If (cur2.filters.alpha.opacity<100)Cur2.filters.alpha.opacity =5Else If (window.highlighting)ClearInterval(highlighting)
}
/ /- - >
</script>
<style Type= "text/css" >
< ! - -H1 {text-align:cEnter;margin-top:50px;}P#outer {Margin:0Auto;Width:202px;
}
#outer A {Margin:0Px;Display:bLock;Position: Relative;Border:1Px Solid #ccc;
}
#outer A:hOver {border:1Px Dashed #c00;}
#outer Img {display:bLock;border:nOne;background:#069;}
- - >
</style>
</head>
<body>
<h1> moves the mouse to the picture, will see this effect. </h1>
<p Id= "outer" ><a Href= "http://www.webjx.com/" ><img OnMouseOut=low(this) OnMouseOver=high(this) Style=’FILTER: Alpha(opacity=20)’ Src= "http://www.webjx.com/images/logo.gif" Alt= "www.webjx.com" Width= "200" Height= "90" /></a>
</p>
</body>
</html>
|
Bookmark:Digg
Del.icio.us
Reddit
