css的hover事件 鼠标滑过让该元素的子元素或者其他元素演示该表

转载 2016年08月31日 08:29:14
<!DOCTYPE>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.hoverfa>a{ text-decoration:none; color:#000;}
.hoverfa:hover{ border-bottom:#6CF 1px solid; }
.hoverfa:hover a{ color:#6CF; text-decoration:none;}
.hoverfa:hover span{ color:#FFF; background:#6CF;}

.hoverfa:hover +.hoverfa1{ background:#FC6;}
</style>
</head>


<body>
<div class="hoverfa">
<span>实时动态1</span>
<a href="#" class="admin_icon">实时动态1实时动态1实时动态1实时动态1实时动态1</a>
</div>


<div class="hoverfa1">
<span>实时动态2</span>
<a href="#" class="admin_icon">实时动态2实时动态2实时动态2实时动态2实时动态2</a>
</div>
</body>
</html>

用html语言写一个隐藏二级菜单的菜单栏

刚学了html语言,学了一种能够使二级菜单栏隐藏,在鼠标滑到一级菜单栏时,又将二级菜单栏显示出来的方法,这种方法可以时网页生动灵活,非常简洁,所以想写下来。 下面贴上代码: 菜单栏 .sub_...

mac环境下配置nginx反向代理,https协议

安装ngxin 通过brew安装nginx 步骤一 安装brew 官网:http://brew.sh/ 打开终端,输入以下命令安装brew /usr/bin/rub...

动态事创建的a标签上利用jq滑过元素执行事件通过ajax获取后台数据根据鼠标位置展示数据内容,鼠标离开消失

动态事创建的a标签上利用jq滑过元素执行事件通过ajax获取后台数据根据鼠标位置展示数据内容,鼠标离开消失...

IE6下hover伪类显示隐藏子元素bug及解决方案

周所周知,ie6只有a元素支持hover伪类,在实际应用中,为了兼容ie6,有时候会使用a元素来做子元素的显示及隐藏,比如下图: 黄色小tips默认隐藏,鼠标hover到“促”字图标后,...

jQuery中多个元素的Hover事件

http://www.cnblogs.com/rainman/p/3772623.html 1.需求简介2.示例研究3.解决方案 1.需求简介 jQuery的hover事件只是针对单...

使用RGBa和Filter实现不影响子元素的CSS透明背景

原文发表于 2010.1.11 shukebeta 翻译 译者按:这篇文章里提到的IE解决方案,还是有一些问题的。且不说IE9既支持RGBa又支持Filter会给我们带来麻烦,过滤器这种东西说不准 ...

使用RGBa和Filter实现不影响子元素的CSS透明背景

原文发表于 2010.1.11 shukebeta 翻译 译者按:这篇文章里提到的IE解决方案,还是有一些问题的。且不说IE9既支持RGBa又支持Filter会给我们带来麻烦,过滤器这种东西...
  • pengone
  • pengone
  • 2015年10月25日 10:27
  • 301

css隐藏父元素,不隐藏子元素

您可能不知道的CSS元素隐藏“失效”以其妙用 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu...

鼠标滑过一个元素可以添加那些特效呢?

我能想到的基本的有:换颜色,改字体大小,加一些下划线,边框的样式啊···· 其实我们还可以,是他有动画的效果,比如:图片旋转360度啊、放大缩小啊、等一些transform的动画效果 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css的hover事件 鼠标滑过让该元素的子元素或者其他元素演示该表
举报原因:
原因补充:

(最多只允许输入30个字)