jQuery实现鼠标划过修改样式的方法
更新时间：2015年04月14日 15:02:53 作者：小萝莉
这篇文章主要介绍了jQuery实现鼠标划过修改样式的方法,涉及jQuery针对鼠标事件及样式操作的技巧,是jQuery鼠标事件的典型应用,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了jQuery实现鼠标划过修改样式的方法。分享给大家供大家参考。具体如下：
$(document).ready(function () {
//默认情况下样式
$("input:text").attr("style","border:1px solid #7E9DB9;");
//鼠标移入样式
$("input:text").mouseover(function () {
$(this).attr("style","border:1px solid #EDBB72;");
});
//鼠标移开样式
$("input:text").mouseout(function () {
$(this).attr("style","border:1px solid #7E9DB9;");
});
});
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
jquery.photoFrame是很方便的一个相框插件，原理也很简单，将选定对象用九宫格table包裹，再设置其边框的背景图片即可。2010-06-06
jquery ajax2015-11-11
JQUERY1.6 使用方法四 检测浏览器实现代码，需要的朋友可以参考下。2011-11-11
jQuery动画效果animate和scrollTop结合使用实例
animate是jq的一个特效的函数方法，animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。2014-04-04
一个网站的后台使用frame框架来实现这种形式，这边作者不是使用的frame而是纯div进行布局，下面看下具体的实现代码2014-01-01
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
这篇文章主要介绍了jQuery中调用ajax方法时在不同浏览器中遇到的问题，因不同浏览器默认设置的不同造成的问题2014-06-06
基于jQuery全屏焦点图左右切换插件responsiveslides
这篇文章主要介绍了基于jQuery全屏焦点图左右切换插件responsiveslides的相关资料,需要的朋友可以参考下2015-09-09
这篇文章主要为大家详细介绍了jQuery实现选项卡嵌套效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
"元素拖拽改变大小"其实和"元素拖拽"一个原理,以下附出源码原型，弄明白了原理再扩展其他实际应用，思路就变得简单、清晰得多了2012-12-12
jquery.cookie.js实现用户登录保存密码功能的方法
这篇文章主要介绍了jquery.cookie.js实现用户登录保存密码功能的方法,结合实例形式详细分析了jquery.cookie.js插件操作cookie实现保存用户登录信息的相关技巧,需要的朋友可以参考下2016-04-04
最新评论