zengshaotao
- 浏览: 800010 次
- 性别:
- 来自: 上海
-
文章分类
- 全部博客 (981)
- javascript (102)
- java (212)
- JQuery (81)
- 幽默笑话 (2)
- 只言片语 (6)
- 开发小记 (283)
- Hibernate (17)
- DWR (4)
- SQL (10)
- spring-ibatis (8)
- linux (24)
- Struts1 (8)
- Struts2 (16)
- spring (42)
- Mybatis (16)
- css (18)
- servlet (8)
- jdbc (4)
- jsp (1)
- spring-jdbc (2)
- FreeMarker (2)
- MySQL (24)
- JQuery-Grid (7)
- jstl (5)
- 正则表达式 (1)
- 面试集锦 (86)
- unix (18)
- 开发工具 (23)
- ajax (5)
- webservice (4)
- log4j (3)
- oracle (15)
- extjs (14)
- 其他 (9)
- 优秀技术参考地址 (1)
- 性能 (3)
- 数据库 (25)
- 算法 (15)
- 设计模式 (10)
- Python (3)
- AIX (5)
- weblogic (1)
- shell (14)
- quartz (5)
- 图形文件FusionCharts (1)
- Websphere (4)
- 转载 (5)
- hadoop (1)
- highchart (24)
- perl (22)
- DB2 (7)
- JBoss (1)
- JQuery Easy UI (9)
- SpringMVC (5)
- ant (5)
- echart (9)
- log4J配置 (3)
- 多线程 (10)
- 系统架构 (7)
- nginx (3)
- loadrunner1 (1)
- 分布式 (1)
- Dubbo (1)
- Redis (2)
- JMS (4)
- 自动化测试 (3)
- Spring循环依赖的三种方式 (1)
- spring-boot (2)
- 高级测试 (9)
- github (2)
- sonar (1)
- docker (6)
- web前端性能优化 (1)
- spring-aop (6)
- rabbit (1)
- ELK (1)
- maven (1)
- minio (1)
最新评论
-
zengshaotao：
jstl1point0 写道很好啊，如果有带Session会话 ...
Nginx+Tomcat搭建高性能负载均衡集群 -
jstl1point0：
很好啊，如果有带Session会话的怎么搞呢
Nginx+Tomcat搭建高性能负载均衡集群
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>网上订餐系统</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<link rel="stylesheet" href="css/pagestyle.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.6.1.js"></script>
<style type="text/css">
.td1{background-color:Silver;}
</style>
<script language="javascript">
//页面初始化时处理相关信息
$(function(){
//改变网页背景颜色
$("#changeBgColor").change(function(){
var bgColor = $(this).val();
$("body").css("background-color",bgColor);
});
$("#tb tr").mouseover(function(){
$(this).addClass("td1");
});
$("#tb tr").mouseout(function(){
$(this).removeClass("td1");
});
});
</script>
</HEAD>
<body id="ddd" bgcolor="green" leftMargin=100 topMargin=20 marginheight="0" marginwidth="0">
<input type="text" value="test"><br><br>
改变网页背景:
<select id="changeBgColor">
<option value="green" selected>绿色</option>
<option value="blue">蓝色</option>
<option value="red">红色</option>
<option value="yellow">黄色</option>
</select>
<form id="form1" runat="server">
<table id="tb">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>籍贯</th>
<th>手机</th>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
</table>
</form>
</body>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>网上订餐系统</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<link rel="stylesheet" href="css/pagestyle.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.6.1.js"></script>
<style type="text/css">
.td1{background-color:Silver;}
</style>
<script language="javascript">
//页面初始化时处理相关信息
$(function(){
//改变网页背景颜色
$("#changeBgColor").change(function(){
var bgColor = $(this).val();
$("body").css("background-color",bgColor);
});
$("#tb tr").mouseover(function(){
$(this).addClass("td1");
});
$("#tb tr").mouseout(function(){
$(this).removeClass("td1");
});
});
</script>
</HEAD>
<body id="ddd" bgcolor="green" leftMargin=100 topMargin=20 marginheight="0" marginwidth="0">
<input type="text" value="test"><br><br>
改变网页背景:
<select id="changeBgColor">
<option value="green" selected>绿色</option>
<option value="blue">蓝色</option>
<option value="red">红色</option>
<option value="yellow">黄色</option>
</select>
<form id="form1" runat="server">
<table id="tb">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>籍贯</th>
<th>手机</th>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
<tr>
<td>alp</td>
<td>zweizig</td>
<td>上海</td>
<td>13088888888</td>
</tr>
</table>
</form>
</body>
</HTML>
分享到：
发表评论
-
input 隐藏 方法传入字符串参数
2020-04-12 14:02 657JQuery 使用 $("#input[id='' ... -
JQuery 之empty and remove
2017-12-25 18:59 455$("table tr[id^=trAddColum ... -
easyui dialog隐藏与显示
2017-12-13 18:30 1619有时候需要对查询的结果进行过滤，当然如果是前端过滤，就不要再 ... -
cookie操作 JQuery
2017-03-23 22:18 530首先包含jQuery的库文件，在后面包含 jquery.coo ... -
表单参数一并提交
2017-03-23 13:09 578对于一般的table数据，并且还带有查询条件，我们都会使用j ... -
JQuery解析XML
2017-03-19 17:26 490用JavaScript解析XML数据是常见的编程任务，Ja ... -
表格动态展示与下钻
2016-09-13 08:37 1297<%@ page language="jav ... -
JQuery tree的使用
2016-07-12 09:32 1168$(function(){ $('#cardTree') ... -
兄弟frame之间控制页面
2016-05-17 18:05 880<FRAMESET cols=" ... -
easy ui 树的常用功能
2016-05-17 14:40 668遍历tree nodes function Trav ... -
attr（），css()
2016-05-04 17:54 444JQuery的attr()方法，设置属性，不同于css(), ... -
$.browser.msie为空
2016-03-03 17:34 502'$.browser.msie' 为空或不是对象，这个是j ... -
jOrgChart 后端取数--递归构建map
2016-03-03 11:41 785<!DOCTYPE html> <htm ... -
jOrgChart 后端取数--手工构建map
2016-03-03 11:39 678<!DOCTYPE html> <htm ... -
jOrgChart横向的组织机构树--手工构造json数据
2016-03-02 17:41 1298<!DOCTYPE html> <htm ... -
jOrgChart的调试模式
2016-03-02 14:41 1169jOrgChart是一个不错的横向组织树插件,在视觉体验上也 ... -
jOrgChart横向的组织机构数插件
2016-03-02 12:03 937<!DOCTYPE html> <htm ... -
easy ui data grid
2016-02-22 16:40 1006JQuery Easy Ui dataGrid 数据表格 ... -
JQuery easy ui 图标扩展
2015-12-23 15:44 1005JQuery easy ui 1.2.6有很多的图标， ... -
获取页面高度
2015-12-15 10:26 476$(document).height() //是获取整个页 ...
相关推荐
在网页设计中，表格（Table）是一种常见的数据...通过这种方式，你可以实现表格鼠标经过时整行变色的效果，同时保持与其他框架的兼容性。在实际应用中，可以根据需求调整颜色、动画效果等细节，以达到最佳的视觉效果。
这就是如何在Qt的QTableWidget中实现鼠标划过时整行背景颜色和字体边框变化的基本步骤。这个过程涉及到对Qt事件处理机制的理解，以及对QTableWidget特性的掌握。希望这个详解能够帮助你完成你的项目。如果你需要更...
通过以上步骤，我们就能够实现`QTableView`鼠标滑过整行背景色改变的效果。这个功能可以提升用户体验，使用户更容易感知到他们正在与哪一行数据交互。在实际应用中，还可以结合其他交互元素，如高亮选中行、显示行号...
标题中的“基于jQuery实现鼠标滑过变色(整行变色)”是指使用JavaScript库jQuery来创建一种交互式网页效果，即当用户将鼠标光标移动到网页中的某个元素（如列表项）上时，该元素及其相关部分会改变颜色，以提供视觉...
本文将详细介绍如何实现一个“table行随鼠标移动变色”的功能，帮助开发者创建更具视觉辨识度的数据展示表格。 首先，我们来看一下基本的HTML结构。在给出的示例中，一个简单的表格（`<table>`）被创建，包含了表头...
### 行随鼠标移动改变颜色 #### 功能介绍 当鼠标悬停在 DataGrid 的某一行上时，该行背景色会发生变化，以提高用户体验。此功能同样可以通过 `ItemDataBound` 事件来实现。 #### 实现步骤 1. **事件绑定**：同上...
标题“键盘方向键移动表格中的光标(包含鼠标选择)”揭示了一个重要的操作技巧，即如何利用键盘和鼠标来精准控制表格内的光标移动及选区选择。下面将详细阐述这些知识点。 首先，键盘方向键在表格操作中的作用不可...
79.如何使窗体中的控件跟随鼠标移动而移动 80.如何设置静态文本控件的背景和文本颜色 81.如何通过控件实现鼠标拖动文本效果 第3章 标题栏和菜单栏 82.如何获取程序窗口标题栏的高度 83.如何获取程序窗口标题栏的...
198 实例137 空心文字 199 实例138 如何在图片上平滑移动文字 201 4.7 图像动画 202 实例139 动画背景窗体 202 实例140 随鼠标移动的图像 203 实例141 十字光标定位 204 实例142 ...
│ ├─15 模拟鼠标的行为 │ ├─14 限制光标的移动区域 │ ├─13 获取或更改计算机名 │ ├─12 运行程序的单实例 │ └─11 隐藏任务栏 └─1第一节 界面设计 ├─09 在系统菜单上添加自定义菜单项 ├─08 使...
但它的缺点是当鼠标拖动较快时，缩放会跟不上鼠标移动。你可以试着修正这个bug。(29KB)<END><br>62,conpager.zip 如果你的工具栏太长了，需要在水平方向上左右滚动怎么办？其他一些类似情况呢？别着急，这个类库...