jQuery 隐藏显示

来源：互联网发布：易语言qq登录源码编辑：程序博客网时间：2024/05/23 01:13

//变角缩放

$("#msg").show("fast"); 　　

$("#msg").hide("slow"); 　　

//淡入淡出显示id

$("#msg").fadeIn();　　

$("#msg").fadeOut();

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title></title>
    <style type="text/css">
    </style>
    <script type="text/javascript" src="http://www.hsw365.com/js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
function showMenu(ss) {
    var s1 = String("#" + ss);
    var ss = String("#msg_" + ss);

    $(s1).fadeIn($(s1).offset().top);
    $(s1).fadeIn($(s1).offset().top);
    var offsettop = $(s1).offset().top;
    var offsetleft = $(s1).offset().left;
    $(ss).css({ position: "absolute", 'top': offsettop - 18, 'left': offsetleft });
    $(ss).fadeIn();
}
function hiddenMenu(ss) {
    var ss = String("#" + ss);
    $(ss).fadeOut();
}
    </script>

</head>
<body >
<br>
<div>
<br>
    <div id="memberinfo_3" onmouseover="showMenu(this.id)" style="width:100px;">
mars
    </div>
    <div id="msg_memberinfo_3" style="display:none" onmouseout="hiddenMenu(this.id)" style="width:100px;">xxxx</div>
<div>
</body>
</html>