a:link 选择器设置指向普通的、未被访问页面的链接的样式,a:visited 选择器用于设置指向已被访问的页面的链接,a:active 选择器用于活动链接,a:hover 选择器用于选择鼠标指针浮动在上面的元素。text-decoration 属性大多用于去掉链接中的下划线:例如:a:link{...
分类:
Web程序 时间:
2015-04-20 20:38:11
阅读次数:
121
hover,我们都知道,是监听组件“悬停状态”的一个伪类。我们一般通过hover来修改组件的背景什么的,很少涉及到太复杂的操作。也就是说我们一般只是对加了hover伪类的元素自身的样式进行改变,比如这样:
姓名 :<input type="text" name...
分类:
其他好文 时间:
2015-04-19 13:17:21
阅读次数:
143
定义链接样式 CSS为一些特殊效果准备了特定的工具,我们称之为“伪类”。其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类,它们分别是: :link :visited :hover :active 因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签...
分类:
Web程序 时间:
2015-04-15 21:21:11
阅读次数:
161
利用CSS3的伪类元素hover以及transform,transition等动画属性,可以做出一些炫酷的动画效果。下面将一些项目中使用到的示例发布出来,供大家一起学习研究。演示地址:runjs。浏览器兼容:Chrome,Safari,IE10及以上,IE9不支持渐变效果,IE8以下不支持。tra....
分类:
Web程序 时间:
2015-04-15 16:30:28
阅读次数:
2427
JS:// ========== // = 鼠标hover事件 = // ========== function showHide (btn,box) { $(btn).hov...
分类:
其他好文 时间:
2015-04-15 12:47:53
阅读次数:
116
Link。此时,链接就在那儿等着用户点击。
Visited。用户此前点击过这个链接。
Hover。鼠标指针正悬停在链接上。
Active。链接正在被点击(鼠标在元素上按下,还没有释放)...
分类:
Web程序 时间:
2015-04-15 11:26:09
阅读次数:
165
1.双边距BUG float引起的 使用display
2.3像素问题 使用float引起的 使用dislpay:inline -3px
3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
4.Ie z-index问题 给父级添加position:relative
5.Png 透明 使用js代码 改
6.Min-height 最小高度...
分类:
Web程序 时间:
2015-04-14 11:11:22
阅读次数:
163
DIV箭头用于表现DIV内容的指向,是使用非常普遍的一种表现形式,例如新浪微博的消息转发:还有傲游网站的导航条:像傲游账户上方这种箭头更需要多幅图片以表现箭头和hover的效果。传统的实现方式都需要一副表示箭头的图片放在DIV上方来实现,例如新浪微博的相关CSS如下:而使用CSS3的特性,我们不需要...
分类:
Web程序 时间:
2015-04-13 18:26:21
阅读次数:
202
双重滑动门效果还是比较常用的,其实很好理解:
两个门就好比两个块级的元素重合所形成的效果,看一段代码如下:
#Mydoor ul li a:hover{
color:#fff; //设置背景 黑色
background: url(hover.gif); //设置背景 图片,图片周边应为透明,这样才能把背景衬托出来
}
可以看到左侧变化如下
/*...
分类:
Web程序 时间:
2015-04-12 09:12:35
阅读次数:
182
一、伪选择器伪选择器包括:伪类选择器和伪对象选择器,以冒号(:)作为前缀,冒号后紧跟伪类或者伪对象名称,冒号前后没有空格,否则解析为包含选择器如:div:hover{ font-size:12px;}/*div为指定标签名hover选择符,伪类 或者 伪元素名*/伪选择器专门用来选择特殊区域或者特殊...
分类:
Web程序 时间:
2015-04-12 01:20:36
阅读次数:
147