开发者社区> 黄威的世界> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

表格鼠标经过时变色

简介:
+关注继续查看

如何实现鼠标经过时变色呢?

如图:

 

------------------------------------

 如何实现鼠标放在上面时表格的行变色呢?

有如下两种方式:

方式一:使用纯css

Css代码  收藏代码
  1. div.queryResultDiv table.productList tr:nth-child(n+2):hover  
  2. {  
  3.     background-color: #B0D2FF;  
  4. }  

 说明:n从零开始,所以hover从第二行才有效,因为表格第一行是标题.

 

方式二:使用JavaScript脚本:

Js代码  收藏代码
  1. $("div.navarea #main2 tr").bind('mouseover',function(){  
  2.         var href22=$(this).find('a');  
  3.         var selectedHref=$('div.navarea #main2 li.current a');  
  4.         $('#main2 tr').addClass("not_current").removeClass("current");  
  5.     href22.addClass("current");  
  6.     });  
  7. });  

 注意:上面的js代码依赖jQuery

参考:http://hw1287789687.iteye.com/blog/2184358

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
剑指Offer——二进制中1的个数(JS实现)
剑指Offer——二进制中1的个数(JS实现)
44 0
云存储网关共享透明读写OSS归档文件
本文通过具体的例子展示了云存储网关NFS共享所支持的对OSS Bucket里面归档文件的透明读写功能。对于SMB共享虽然不能完全支持透明读写功能,但是也能够帮助用户自动执行解冻过程。
2481 0
fbh
鼠标移到图片上图片放大
一 在现在的网页设计中,鼠标移到图片上图片放大的效果常常被用到,这个效果多应用于文章列表里。我一开始以为是用JQuery来实现的,后来才知道原来是用CSS3来实现的。
1253 0
高级语言程序设计II 实验报告三c++使用文本文件和二进制文件的读写比较两者的区别和优劣
                高级语言程序设计II 实验报告三       姓名:许恺 学号:2014011329 日期:2015年5月25日                     1. 实验目的 通过在c++中使用文本文件和二进制文件的读写比较两者的区别和优劣,同时锻炼c++的编程能力。
988 0
鼠标移到图片放大效果
鼠标移到图片放大效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin:0; padding:0
1155 0
opencv2 使用鼠标绘制矩形并截取和保存矩形区域图像
  前言        好长时间没写博文了,今天偷偷懒写篇关于opencv2中鼠标响应操作的文章。       鼠标操作属于用户接口设计,以前一直使用Qt来做,但是如果只需要简单的鼠标,键盘操作,直接调用opencv库的函数也未尝不可,鼠标操作之前已经接触很多了,在MFC,QT,OpenGL,等等中,理论主要就是两点,一是监控鼠标操作,鼠标点击,移动,松开,然后通过mouse_event识别判断出那一种鼠标的操作,根据不同的操作然后进行处理,二是在主函数中加入鼠标的回调函数,将鼠标操作与程序的窗口绑定。
988 0
+关注
黄威的世界
我是一个热衷IT技术的人,希望自己不断地设计开发出对别人非常有用的软件。有近7年的java开发经验(包括2年Android开发经验)和一年左右的linux使用经验。擅长Java Web后台开发 ,喜欢研究新的各种实用技术
667
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载