一、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
代码 这里要注意,这个方法不能选择用于同级和子元素。 ...
分类:
其他好文 时间:
2016-05-10 18:13:09
阅读次数:
559
定义和用法:hover 选择器用于选择鼠标指针浮动在上面的元素。提示::hover 选择器可用于所有元素,不只是链接。提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接。注释:在 CSS 定义中,:h ...
分类:
其他好文 时间:
2016-05-08 16:46:58
阅读次数:
130
这个功能在现在的网站中使用较为普遍,就是以选项卡的形式来对一些内容做了分类。,比如下面的天猫商城。 下面的源码是仿照天猫写的一个选项卡,实现起来的效果如下。 主要是利用我们在点击相应板块是触发它的单击事件,在单击事件中再对内容显示框(tabbox)进行相应项的显示和隐藏操作。 同时利用hover为其 ...
分类:
Web程序 时间:
2016-05-08 00:58:54
阅读次数:
200
###起因>今天遇到一个问题,就是在给一个元素设置width 属性为100% 之后, 鼠标放上去之后,仍然只有部分是阴影状态,如下图所示:---经过一番思索,这TM 不就是,hover 上去的时候,背景没有盖全嘛,赶紧找相关代码 , 发现了如下代码:```.midLeft ul li:hover{ ... ...
分类:
Web程序 时间:
2016-05-07 23:46:01
阅读次数:
1672
*为访问/为访问链接添加不同的颜色: <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
四种状态:hover、link、active、visible a链接初始化 把鼠标放上去的状况 触发时候的状态,按下去不松开的情况 访问后的情况 ...
分类:
其他好文 时间:
2016-05-05 00:16:43
阅读次数:
114
本文从CSS角度来实现导航栏的显示与隐藏,用到了ul、li标签 html源代码: css文件: 有点小感悟:总是先设置默认情况:默认不显示或者默认黑色,然后再设置hover时的具体情况 li颜色变化比较简单:设置个全局颜色(默认颜色),然后li:hover设置hover时的颜色; li 显示比较复杂 ...
分类:
Web程序 时间:
2016-05-04 22:32:09
阅读次数:
3065
在网页设计中,我们经常使用jquery去响应鼠标的hover事件,和mouseover和mouseout事件有相同的效果,但是这其中其中如何使用bind去绑定hover方法呢?如何用unbind取消绑定的事件呢?一、如何绑定hover事件先看以下代码,假设我们给a标签绑定一个click和hover事 ...
分类:
Web程序 时间:
2016-05-02 09:17:48
阅读次数:
684