css hover伪类选择器与JQuery hover()方法

摘要：

链接｛color:已访问的｛color：｝/*已访问的链接*/a:在｛color：｝上/*鼠标在链接上*/a:活动的｛color=url（./article_bg.gif）；outFunction），例如&lt；“yellow”）；“pin”）；}）/script&gt；

css hover伪类选择器

它属于anchor伪类

在支持 CSS 的浏览器中，<a>标签链接的不同状态都可以以不同的方式显示，常常用来改链接的颜色效果

实例

a:link{color:#FF0000;}/* 未访问的链接 */

a:visited{color:#00FF00;}/* 已访问的链接 */

a:hover{color:#FF00FF;}/* 鼠标划过链接 */

a:active{color:#0000FF;}/* 已选中的链接 */

#art a:hover{

　　background:url(./article_bg.gif);

　　　　　 }

JQuery Hover方法

定义和用法

hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。

jQuery 1.7 版本前该方法触发 mouseenter 和 mouseleave 事件。

jQuery 1.8 版本后该方法触发 mouseover 和 mouseout 事件。

语法

$(selector).hover(inFunction,outFunction)

例如

注意这里的格式。

该方法触发 mouseover 和 mouseout 事件，即hover=mouseover+mouseout.

免责声明：文章转载自《css hover伪类选择器与JQuery hover()方法》仅用于学习参考。如对内容有疑问，请及时联系本站处理。

element的form表单中如何一行显示多el-form-item标签

效果图: HTML代码： <script src="//unpkg.com/vue/dist/vue.js"></script> <script src="//unpkg.com/element-ui@2.4.3/lib/index.js"></script> <div i...

CSS3特效----图片动态提示效果

需掌握的知识点： 1.掌握两个HTML5新标签figure以及figcaption的用法 2.掌握transform的属性特点，并能熟练运用 3.学会通过transition及transform配合，制作动画 4.学会简单的媒体查询应用 figure ，HTML5语义化标签：用于规定独立的流内容（图像、图表、照片、代码等） figcaption，HTML...

Video.js

Video.js 官网: https://videojs.com/ 开源HTML5播放器框架优点支持多种格式，可以支持MP4、WebM、HLS、RTSP等。可以自定义主题样式。插件丰富。支持广泛，可支持PC端各种浏览器和移动端的浏览器。插件列表 https://videojs.com/plugins 使用原生代码,未使用主题样式 <he...

python接口自动化测试八：更新Cookies、session保持会话

python接口自动化测试八：更新Cookies、session保持会话 s = requests.session() # 此方法只适用于网站是cookies这种，网站是token的没用 # 这样做的好处就是可以保存cookies并保持会话，不用每次都去获取、传参 Token请求： ...

.NetCore 简单的使用中间件

//定义中间件我们定定义中间件通常有 app.Use(), app.Run(), app.Map() , appMapWhen()四个方法 1：app.Use() IApplicationBuilder Use(Func<RequestDelegate, RequestDelegate> middleware); 其中 RequestDel...

Handler处理长时间事件

当我们在处理一些比较长时间的事件时候，比如读取网络或者数据库的数据时候，就要用到Handler，有时候为了不影响用户操作应用的流畅还要开多一个线程来区别UI线程，在新的线程里面处理长时间的操作。开发的时候遇到数据处理都可以这样用handler，灵活修改一下就可以做各种效果了。第一步：ProgressDialog弹出旋转框来提示长时间操作。第二步：开多一...

css hover伪类选择器与JQuery hover()方法