​//js实现隔行变色window.onload=function(){var otal=document.getElementById("otable"); for(var i=0; i<otal.rows.length; i++){  if(i%2==0){  otal.rows[i].className="even";  otal.rows[i].onmouseout=function
转载 2013-02-21 15:33:00
113阅读
2评论
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><styletype="text/css">table{text-align:center;font-weight:bold;}tr{height:32
原创 2018-02-07 20:45:05
3769阅读
2评论
1、核心代码: 当鼠标移动到表格的某一行的时候为红色,鼠标移走的时候为白色。 <script> function changeColor(id,flag){ if(flag=="over"){ document.getElementById(id).style.backgroundColor="re
转载 2020-01-22 19:37:00
417阅读
2.1. 功能丰富,无人能出其右   无论是界面之美,还是功能之强,ext的表格控件都高居榜首。单选行,多选行,高亮显示选中的行,推拽改变列宽度,按列排序,这些基本功能咱们就不提了。自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。再加上可编辑grid,添加新行,
效果如下:代 码如下:XHTML 代码: 姓名性别暂住 地张山男浙江宁波李四女浙江杭州王五男湖南长沙找六男浙江温州Rain男浙江杭州MAXMAN女浙江杭州CSS 代码:table { border:0;border-collapse:collapse;}td { font:normal 1...
转载 2010-03-30 11:51:00
37阅读
2评论
jquery完成带单选按钮的表格高亮显示 上篇博客写的是复选框的,这次写的是单选框的,有时查询的时候,只能选择一条记录,如果将选中的这条记录的行高亮显示,同时该行的单选按钮也被选中了,这样会提高用户的体验的。如今的时代,就是用户体验的时代。效果如下:CSS文件如下如下所示:.selected{ background:#FF6500; color:#fff;}:这次的js文件的代码就变得更简单了,如下所示:/** * 设置含有单选按钮的表格的背景颜色 */$(document).ready(function(){ /** * 表格单击的时候改变背景色 */ $("...
转载 2013-07-31 19:40:00
130阅读
代码实现:                                                                        
转载 2021-04-27 21:11:56
297阅读
2评论
今天学习jQuery,练习一下对表格进行列或行高亮显示。 我们对下面这个表格来进行。代码是写在ASP.NET MVC程序上Razor语法。 这个需要符合某一条件:只要控制器列的文本为:Railway。 首先添加样式: .highTransport { background-color: #0915f
转载 2017-03-09 16:42:00
181阅读
原创 2023-03-22 21:11:44
172阅读
jquery完成带复选框的表格高亮显示 通过jquery技术来操作表格是件简单的事,通过jquery的语法,可以很轻松的完成表格的隔行换色,悬浮高亮,在实际的应用中可能会出现表格中带复选框的,删除时,将复选框所在的行的记录删除。在这的地方,可以加个特效,单击某行的同时将该行的复选框选中,该行的背景色也高亮显示。这样给人的感觉非常好。效果如下:我做的这里有两个功能:功能1、单击某行,该行的复选框被选中,同时改变一下背景色。功能2、单击全选/全不选标签后,改变行的颜色。两个功能我封装到了js文件中,使用的时候引入就行了。先看一下CSS的代码,我封装到了一个css文件中.selected{ ...
转载 2013-07-31 20:00:00
208阅读
# 用 jQuery 点击高亮兄弟元素及取消高亮 在Web开发中,用户与页面的交互是提高用户体验的关键之一。常见的需求之一是在用户点击某个元素时高亮显示该元素,并取消兄弟元素的高亮状态。本文将介绍如何使用 jQuery 实现这一功能,并附上详细的代码示例。 ## 1. 问题描述 假设我们有一个列表,用户可以通过点击列表中的某一项来查看详细信息。为了提高可视化效果,我们需要在点击时高亮显示所选
原创 2024-09-01 03:24:31
103阅读
Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。
新定义:例如:span.highlight { color:#F00; font-weight:700}使用高亮:$(‘#fancy-text’).removeHighlight();//清除高亮$(‘#fancy-text’).highLight(“mode”);//显示高亮查看demo: 见附件...
原创 2010-09-24 04:08:25
89阅读
# jQuery 清除搜索高亮的实现步骤 在Web开发中,搜索高亮是一项常见的功能,它能够帮助用户更快速地找到他们要查找的内容。当用户执行新搜索时,之前的高亮效果需要被清除。本文将指导你如何使用jQuery来实现这一点。 ## 实现流程 首先,我们需要明确整个实现流程。以下是各步骤的简要说明: | 步骤 | 描述 | |--
原创 2024-10-29 03:26:48
79阅读
本文案例为歌词滚动,随着音乐播放的进度同步滚动,本案例的源码在文章首部即可获取,html、css、js均为单独文件,案例的实现详解可根据需要可在本文后续内容查看 本文目录一、源码展示二、音乐文件和ico图标生成三、业务逻辑JS实现讲解 四、总结效果展示 一、源码展示html 文件<!DOCTYPE html> <html lang="en"> <he
转载 2024-07-15 07:21:53
56阅读
事情是这样的,今天上午下班前,朋友发我一个js文件,说视频不播放,核心代码大概是这样子的:var player = document.createElement('video'); var source = document.createElement('source'); player['id'] = 'videoplayer'; player['
代码实现 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-sty
转载 2021-03-07 10:37:00
223阅读
2评论
本篇文章是基于jquery实现导航菜单高亮显示,当点击不同导航菜单实现当前点击的菜单是高亮的,有需要的朋友可以关注下本文实现原理:当选中当前元素时,给当前元素添加样式,同级元素移除样式。点击不同的导航菜单实现当前点击的菜单是高亮的,点击导航下面的某个分类,分类所属的导航也必须是高亮的,点击某一篇文章,文章所属的导航菜单也必须是高亮的.效果图如下: 示例代码一:具体示例代码如下:<!
注意两个部分中间使用了一个全局变量bgc来记录表格高亮之前的颜色, 当鼠标移开后再变为原来的颜色. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co ...
转载 2021-08-13 15:30:00
171阅读
2评论
分享一款jQuery表格插件,今天我要介绍的不是DataTables,而是相对没有那么出名的jqGrid,它基于jquery UI主题,同时也支持Bootstrap,能够根据需求使用不同主题。兼容目前主流浏览器,有丰富的配置项和方法事件接口,能够轻松应对一般的表格需求,功能强大,扩展方便,支持多语言。1、下载及引入jqGridhttps://github.com/tonytomov/jqGrid下
  • 1
  • 2
  • 3
  • 4
  • 5