關於jsp中tr滑鼠移動變色,有底色如何變色
首先,
一、如果原表格沒有底色的情況下:
<table border="1" style="font-size:15px">
<tr >
<td width="200px" align="center">等級</td>
<td width="200px" align="center">得分</td>
<td width="200px" align="center">每天最大得分</td>
<td width="200px" align="center">等級得分上限</td>
<td width="200px" align="center">等級得分下限</td>
<td width="200px" align="center">功能操作</td>
</tr>
<s:iterator value="%{ranklist}">
<tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
<td width="200px" align="center"><s:property value="rankNum"></s:property></td>
<td width="200px" align="center"><s:property value="point"></s:property></td>
<td width="200px" align="center"><s:property value="maxPointEveryday"></s:property></td>
<td width="200px" align="center"><s:property value="rankMaxPoint"></s:property></td>
<td width="200px" align="center"><s:property value="rankMinPoint" ></s:property></td>
<td width="200px" align="center"><a href="RankTable!delRank.action?rankvo.rankNum=<s:property value="rankNum"/>" onclick='return delconfirm()'>刪除</a></td>
</s:iterator>
</table>
可以在前面直接加上 <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">即可實現變色;
二、td有底色的情況下:
首先在樣式中加上.hover{background-color:#FF0000;}
然後
$(function(){
$('tr').hover(
_mouse_on_=function(){
this._bg=this.style.backgroundColor;
$(this).css('background', 'bisque').find('>td').each(_mouse_on_);
},
_mouse_off_=function(){
$(this).css('background', this._bg).find('>td').each(_mouse_off_);
}
);
});
即可實現
如果好用請給個好評謝謝
java交流群252799892 相互學習 希望大家把這個群帶動起來謝謝!2799892
相關推薦
關於jsp中tr滑鼠移動變色,有底色如何變色
首先, 一、如果原表格沒有底色的情況下: <table border="1" style="font-size:15px"><tr ><td width="200px" align="center">等級</td><
JSP中的《%= %》和${ }到底有什麼區別?
JSP中的<%= %>和${ }到底有什麼區別? 轉載:https://blog.csdn.net/u011958281/a
JSP中頁面顯示出來了,但是框架樣式沒有跟來
絕對路徑 <link rel="stylesheet" href="${pageContext.request.contextPath }/bootstrap-3.3.7-dist/css/bootstrap.min.css"> 在eclipse,WebProject中 頁面
Jsp中如何迴圈得到值,進行修改
<c:forEach items="${accDetail}" varStatus="v" var="accDetail"> <tr> <td> <
Java中如何實現序列化,有什麼意義?
序列化是一種用來處理物件流的機制,所謂物件流也就是將物件的內容進行流化。可以對流化後的物件進行讀寫操作,也可將流化後的物件傳輸於網路之間。序列化是為了解決物件流讀寫操作時可能引發的問題(如果不進行序列化
在java中為什麼要安裝tomcat,有什麼用途?
轉載自:https://zhidao.baidu.com/question/155611181.htmltomcat為網站的伺服器,每個網站在後面都有一個伺服器來解釋哪 個網頁,因為網頁本身多數是動態計算的,就是跟一些程式語言有關係,不關於一些固定的文字內容,多數情況下文字內
MFC對話方塊程式中當滑鼠移動到控制元件上後改變形狀
處理父視窗的WM_SETCURSOR訊息: BOOL CYourDlg::OnSetCursor(CWnd* pWnd, UINT nHitTest, UINT message) { // TODO: Add your me
JTable中獲取滑鼠移動、點選以及內容改變事件
public void createFieldTable() { Vector<String> header = new Vector<String>(); header.add("欄位名"); Map&
HTML表格如何變色,HTML表格變色的代碼是什麽?
技術分享 vpd roc 如何 round shadow 表格變色 mar process HTML表格如何變色,HTML表格變色的代碼是什麽?下面小編便分享給大家。 <TD onmouseover="this.style.backgroundColor
HTML表格如何變色,HTML表格變色的程式碼是什麼?(附HTML程式碼顏色表)
HTML表格如何變色,HTML表格變色的程式碼是什麼?下面小編便分享給大家。 > <TD onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor=
HTML表格如何變色,HTML表格變色的程式碼是什麼?
HTML表格如何變色,HTML表格變色的程式碼是什麼?下面小編便分享給大家。 <TD onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor=''" style="
操作gridview,選中行時改變背景色且checkbox被選中,隔行變色,全選變色
css:<style type="text/css"> .checked { background: #c0c0ff; } .odd { background: #72FE95; } .even { background: #B8E2E
js表格中的DOM操作之隔行變色,滑鼠進入當前行高亮
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title><
CSS3實現滑鼠移動到圖片上圖片變大(緩慢變大,有過渡效果,放大的過程是有動畫過渡的,這個過渡的時間可以自定義)
CSS3的transform:scale()可以實現按比例放大或者縮小功能。 CSS3的transition允許CSS的屬性值在一定的時間區間內平滑地過渡。這種效果可以在滑鼠單擊、獲得焦點、被點選或對
javascript--滑鼠拖拽視窗案例(滑鼠按下,在滑鼠移動過程中,盒子跟著一起移動,滑鼠鬆開,盒子停止移動)
介面如圖所示: 要求:在“資訊註冊”欄,按下滑鼠,然後滑鼠在頁面移動,在滑鼠移動過程中,該視窗跟著滑鼠移動,當滑鼠鬆開的時候,視窗停止移動。點選“關閉”,該視窗隱藏。 實現思路: 1.頁面結構分析:一個大盒子d-box來確定位置,裡面放一個小盒子drop(存放“註冊資訊(可以拖拽”文字和span標籤
HTML中實現滑鼠經停整行(tr)變色
在網頁製作的過程中有時候要實現那種在滑鼠經過一個表格的某一行的時候,要整行的背景顏色發生變化,以表明該行正中焦點,網上有一大堆這方面的程式碼,但是好多都還要加上一大堆得javascript程式碼,本人再次自己寫了個簡單實用的小程式碼 1.首先在</head>之前
java中存在垃圾回收機制,但是還會有內存泄漏的問題,原因是
java 自己 data .so 這樣的 即使 垃圾 ref stack 答案是肯定的,但不能拿這一句回答面試官的問題。分析:JAVA是支持垃圾回收機制的,在這樣的一個背景下,內存泄露又被稱為“無意識的對象保持”。如果一個對象引用被無意識地保留下來,那麽垃圾回收器不僅不會處
通過js中的useragrent來判斷設備是pc端還是移動端,跳轉不同的地址
lenovo err agent indexof pad ren phi mobile 手機 if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|L
【前端小小白的學習之路】 JavaScript中的十個難點,你有必要知道。
計算 tel isa 耗時 一個 支持 rip 每次 javascrip 1. 立即執行函數 立即執行函數,即Immediately Invoked Function Expression (IIFE),正如它的名字,就是創建函數的同時立即執行。它沒有綁定任何事件,也無需
JavaScript中,有三種常用的綁定事件的方法
cti 能夠 自定義 結構 彈出 事件流 his 不同 標簽 要想讓 JavaScript 對用戶的操作作出響應,首先要對 DOM 元素綁定事件處理函數。所謂事件處理函數,就是處理用戶操作的函數,不同的操作對應不同的名稱。在JavaScript中,有三種常用的綁定事件的方法