Hover.css 是一套基于 CSS3 的鼠标悬停效果和动画,这些可以非常轻松的被应用到按钮、LOGO 以及图片等元素。所有这些效果都是只需要单一的标签,必要的时候使用 before 和 after 伪元素。因为使用了CSS3过渡、转换和动画效果,因此只支持 Chrome、Firefox 和 Sa ...
分类:
Web程序 时间:
2016-04-15 16:42:55
阅读次数:
169
九、CSS 伪类 (Pseudo-classes) CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪类 (Pseudo-classes)实例: 1、向文档中的超链接添加不同的颜色。 在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后,这样才能生效!a:a ...
分类:
Web程序 时间:
2016-04-14 14:07:33
阅读次数:
173
<html><head><title>CSSDemo</title><style type"text/css"> .hover-right-css{ background-color:orange; width:100px; height:100px; position:fixed;/*fixed总 ...
分类:
Web程序 时间:
2016-04-13 02:10:41
阅读次数:
237
bootstrap的下拉组件,需要点击click时,方可展示下拉列表。因此对于喜欢简单少操作的大家来说,点击一下多少带来不便,因此,引入hover监听,鼠标经过自动展示下拉框。其实在bootstrap导航条当中dropdown组件用得特别频繁啦! 如何实现这个hover事件呢,其实在dropdown ...
分类:
其他好文 时间:
2016-04-09 16:54:58
阅读次数:
181
要做一个车牌号输入的输入框联想提示功能,要求比较简单,故没有利用ajax去数据库查询. 车辆多为京津冀地区的. js代码如下: <head> <style type="text/css"> .item:hover{ background-color: Gray; cursor:pointer; } ...
分类:
其他好文 时间:
2016-04-06 16:50:26
阅读次数:
139
第九章 1.和链接有关的伪类: (1):link,未访问过的链接 (2):visited,已访问过的链接 (3):hover,鼠标悬停链接 (4):active,单击链接时 这四种方式一定要严格按上面的顺序执行否则就会无效。 第十章 1.transform属性: 要旋转一个元素,首先要提供关键字ro ...
分类:
Web程序 时间:
2016-04-06 09:24:57
阅读次数:
149
使用JQuery中hover()方法,使其根据鼠标的移动简单的改变背景颜色; hover();用于模拟鼠标指针悬停事件,当鼠标指针移动到元素上时,会触发指定的第一个函数,当鼠标指针移除这个元素时,会触发第二个函数;类似于mouseover和mouseout组合具体的代码如下: html代码: ...
分类:
Web程序 时间:
2016-04-05 23:01:12
阅读次数:
252
在非常多站点中,我们都能够看到这种效果。当用户鼠标进入某一个元素后,下方就会有遮罩层上浮动画,如图: 今天我们就用hover伪类加上css3实现,没有使用不论什么JS <!DOCTYPE html> <html> <head lang="zh-cmn-Hans"> <meta charset="UT ...
分类:
Web程序 时间:
2016-04-03 08:54:33
阅读次数:
202
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><sc..
分类:
Web程序 时间:
2016-04-01 10:20:47
阅读次数:
191