This article examples of JS implementation of animation effects of text link mouse hover hint method. Share to everyone for your reference. The implementation methods are as follows:
Copy Code code as follows:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/>
<title>js animation effect of text link mouse hover hint effect </title>
<body>
<style type= "Text/css" >
<!--
. Article {
Border-bottom:black 1px solid; Border-left:black 1px solid; Border-right:black 1px solid; Border-top:black 1px solid; Filter:revealtrans (transition=23,duration=0.5) Blendtrans (duration=0.5); Position:absolute; Visibility:hidden
; Background-color: #FFCC00; padding-top:3px; padding-right:3px; padding-bottom:3px; PADDING-LEFT:3PX}
-->
</STYLE>
<script language=javascript1.2>
<!--
Function Show (divID) {
Divid.filters.revealTrans.apply ();
divid.style.visibility = "visible";
Divid.filters.revealTrans.play ();
}
function Hide (divid) {
Divid.filters.revealTrans.apply ();
divid.style.visibility = "hidden";
Divid.filters.revealTrans.play ();
}
-->
</script>
<a href= "#" Onmouseover=show (AAA) Onmouseout=hide (AAA) > Cloud-dwelling Community </a></div>
<div id= "AAA" class= "article" > Cloud Habitat Community </div><br>
<a href= "#" Onmouseover=show (BBB) onmouseout=hide (BBB) > Material Home </a></div>
<div id= "BBB" class= "article" > Material home </div><br>
<a href= "#" Onmouseover=show (CCC) Onmouseout=hide (CCC) > Baidu Search </a></div>
<div id= "CCC" class= "article" > Baidu search </div>
</body>
I hope this article will help you with your JavaScript programming.
