当鼠标移开链接图层消失的特效

稿源：互联网 2022-04-02 21:40:19 点击： 3287 撤稿纠错

当鼠标移开Ａ链接时，图层样式样式就消失掉...

以下讨论的是和鼠标移开相关的当鼠标移开链接图层消失的特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!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>
<title>ddd</title>
<style type="text/css">
.a_b{ width:80px; height:30px; background:#ccc; text-align:center; line-height:30px; border:1px solid #333; color:#000; font-size:18px;}
#account_inner{ width:200px; height:100px; background:#8F89B1; color:#333; padding:10px; text-align:center; font-size:25px; font-family:Arial, Helvetica, sans-serif;}
 .subhover{ background:#36F; color:#fff;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){  
function downMenu(m,n,j,k){
    $(m).mouseover(function() {  
        $(n).slideDown(j).show();  
  
        $(this).parent().hover(function() {   
        }, function(){   
            $(n).slideUp(j);   
        });   
  
      
        }).hover(function() {   
            $(this).addClass(k);   
        }, function(){ 
            $(this).removeClass(k); 
    });   
 
 };
downMenu("#a_b","#account_inner","fast","subhover") 
  
});  
</script>
</head>
<body>
<div id="a_b" class="a_b">a</div>
<div id="account_inner" style="display:none;">b</div>
</body>
</html>

关于当鼠标移开链接图层消失的特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2011030468308.shtml方便下次再访问哦。

·上一篇： 一个像素圆角的文字链接特效代码
·下一篇： 2个同时向上翻滚的文字特效

当鼠标移开链接图层消失的特效

文章分类LIST >>返回首页

最新游戏

最新新闻