当前位置: 首页 > 编程笔记 >

jQuery实现鼠标划过修改样式的方法

公西俊能
2023-03-14
本文向大家介绍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实现鼠标划过展示大图的方法,包括了jQuery实现鼠标划过展示大图的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现鼠标划过展示大图的方法。分享给大家供大家参考。具体如下: 这里用css和jquery实现鼠标移上元素时大图展示,并且大图不能溢出整个div框 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍jQuery+ajax实现鼠标单击修改内容的方法,包括了jQuery+ajax实现鼠标单击修改内容的方法的使用技巧和注意事项,需要的朋友参考一下 现有表格中的一行的代码如下所示:  要实现鼠标单击修改内容思路如下:   1、点击栏目排序栏目中的数字,获取同一行的第一列中的内容,即栏目id 2、隐藏栏目排序中的数字 3、在栏目排序列中插入input框,并在input框中显示栏目排序中的

  • 本文向大家介绍jQuery实现鼠标划过添加和删除class的方法,包括了jQuery实现鼠标划过添加和删除class的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现鼠标划过添加和删除class的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍JS+DIV实现鼠标划过切换层效果的方法,包括了JS+DIV实现鼠标划过切换层效果的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS+DIV实现鼠标划过切换层效果的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍jquery实现鼠标滑过小图查看大图的方法,包括了jquery实现鼠标滑过小图查看大图的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery实现鼠标滑过小图查看大图的方法。分享给大家供大家参考。具体实现方法如下: 1. CSS部分: 2. HTML部分: 3. javascript部分: 希望本文所述对大家的jquery程序设计有所帮助。

  • 本文向大家介绍jQuery CSS()方法改变现有的CSS样式,包括了jQuery CSS()方法改变现有的CSS样式的使用技巧和注意事项,需要的朋友参考一下 jQuery入门实例:使用CSS()方法改变现有的CSS样式表,css()方法在使用上具有多样性。其中有一种可接受两个输入参数:样式属性和样式值,两者之间用逗号分隔。比如要改变链接颜色,可以这样编写代码: 如果需要改变多个样式属性,可先定义