码迷,mamicode.com
首页 >  
搜索关键字:hover    ( 2235个结果
Css基本样式————链接
一、Css链接的四种状态1.a:link普通的、未被访问的链接2.a:visited用户已访问的链接3.a:hover鼠标指针位于链接的上方4.a:active链接被点击的时刻a:link{ color:#FF0000; } a:visited{ color:#00FF00; } a:hover{ color:#0000FF; } a:active{ color:#0000FF; }二、常见的链接方..
分类:Web程序   时间:2016-05-10 23:49:55    阅读次数:208
通过 :hover 伪元素控制其他元素
代码 这里要注意,这个方法不能选择用于同级和子元素。 ...
分类:其他好文   时间:2016-05-10 18:13:09    阅读次数:559
hover伪类
定义和用法:hover 选择器用于选择鼠标指针浮动在上面的元素。提示::hover 选择器可用于所有元素,不只是链接。提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接。注释:在 CSS 定义中,:h ...
分类:其他好文   时间:2016-05-08 16:46:58    阅读次数:130
jquery实现网页选项卡
这个功能在现在的网站中使用较为普遍,就是以选项卡的形式来对一些内容做了分类。,比如下面的天猫商城。 下面的源码是仿照天猫写的一个选项卡,实现起来的效果如下。 主要是利用我们在点击相应板块是触发它的单击事件,在单击事件中再对内容显示框(tabbox)进行相应项的显示和隐藏操作。 同时利用hover为其 ...
分类:Web程序   时间:2016-05-08 00:58:54    阅读次数:200
CSS background-repeat 属性
###起因>今天遇到一个问题,就是在给一个元素设置width 属性为100% 之后, 鼠标放上去之后,仍然只有部分是阴影状态,如下图所示:---经过一番思索,这TM 不就是,hover 上去的时候,背景没有盖全嘛,赶紧找相关代码 , 发现了如下代码:```.midLeft ul li:hover{ ... ...
分类:Web程序   时间:2016-05-07 23:46:01    阅读次数:1672
css
*为访问/为访问链接添加不同的颜色: <html><head><style>a:link {color:#FF0000;} /* 未访问链接时*/a:visited {color:#00FF00;} /* 已访问链接时*/a:hover {color:#FF00FF;} /* 鼠标选中未点击时*/a ...
分类:Web程序   时间:2016-05-07 16:25:24    阅读次数:167
【特效】导航下拉菜单(二级三级都有)
导航的下拉菜单,分别写了二级的和三级的。其实下拉菜单最重要的是写好结构,哪一层是哪一层的,要清晰,做到心中有数。 css定位时注意给隐藏的下拉菜单添加absolute绝对定位,但是其父级不必加relative。js嘛,简单,一个hover() 打遍天下。动画用了slideDown,slideUp,f ...
分类:其他好文   时间:2016-05-05 17:36:30    阅读次数:145
a链接的四种状态
四种状态:hover、link、active、visible a链接初始化 把鼠标放上去的状况 触发时候的状态,按下去不松开的情况 访问后的情况 ...
分类:其他好文   时间:2016-05-05 00:16:43    阅读次数:114
css 实现 ul li 的显示与隐藏
本文从CSS角度来实现导航栏的显示与隐藏,用到了ul、li标签 html源代码: css文件: 有点小感悟:总是先设置默认情况:默认不显示或者默认黑色,然后再设置hover时的具体情况 li颜色变化比较简单:设置个全局颜色(默认颜色),然后li:hover设置hover时的颜色; li 显示比较复杂 ...
分类:Web程序   时间:2016-05-04 22:32:09    阅读次数:3065
jquery中取消和绑定hover事件的正确方式
在网页设计中,我们经常使用jquery去响应鼠标的hover事件,和mouseover和mouseout事件有相同的效果,但是这其中其中如何使用bind去绑定hover方法呢?如何用unbind取消绑定的事件呢?一、如何绑定hover事件先看以下代码,假设我们给a标签绑定一个click和hover事 ...
分类:Web程序   时间:2016-05-02 09:17:48    阅读次数:684
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!