0顶

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

稿源：互联网 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 >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

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

文章分类LIST >>返回首页

最新游戏

最新新闻