奇偶行高亮顯示及鼠標劃過高亮顯示類
更新時間：2010年07月04日 17:38:34 作者：
奇或偶數(shù)行高亮顯示及鼠標莫過高亮顯示,一個經(jīng)常用到的效果,也能谷歌到大把的這種效果JS,但好像還沒有一個封裝成類直接用的.想象自己當初谷歌這個類時,還真沒少折騰時間.
花了點時間,封裝成了一個類(附帶一個添加樣式的類),適合初學(xué)者,直接調(diào)用函數(shù)即可,無需改代碼.
核心JavaScript代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
參數(shù)說明:
1.elemid:事件ID,就是你想實現(xiàn)這種效果所在ID;
2.tagName:事件tagName值,比如li,tr,p等等;
3.tagNameHighClass:奇或偶數(shù)行高亮顯示的樣式;
4.crossTagNameClass:鼠標劃過時高亮顯示的樣式.
使用說明:
1.如果你只想要其中一個效果,在類中,刪除對應(yīng)的不需要的代碼,有注釋;
2.調(diào)用(加載函數(shù)建議用本文中的加載函數(shù),用window.onload非明智之舉):
window.onload=function highYourElem(){
highLight("yourId","yourTagName","yourHighClass","yourCrossClass");
}
核心JavaScript代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
參數(shù)說明:
1.elemid:事件ID,就是你想實現(xiàn)這種效果所在ID;
2.tagName:事件tagName值,比如li,tr,p等等;
3.tagNameHighClass:奇或偶數(shù)行高亮顯示的樣式;
4.crossTagNameClass:鼠標劃過時高亮顯示的樣式.
使用說明:
1.如果你只想要其中一個效果,在類中,刪除對應(yīng)的不需要的代碼,有注釋;
2.調(diào)用(加載函數(shù)建議用本文中的加載函數(shù),用window.onload非明智之舉):
復(fù)制代碼 代碼如下:
window.onload=function highYourElem(){
highLight("yourId","yourTagName","yourHighClass","yourCrossClass");
}
相關(guān)文章
這篇文章主要介紹了Js類的構(gòu)建與繼承案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-09-09
在工控機觸摸屏中,通過瀏覽器web端進行表單輸入,當聚焦表單輸入框并不會出現(xiàn)虛擬鍵盤進行輸入,本文介紹將給大家介紹如何通過js調(diào)用工控機(Windows)虛擬鍵盤,文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下2024-01-01
本文主要給大家簡單介紹了是什么是DOM、動態(tài)操作DOM元素的方法、使用jsjs操作樣式以及Form對象的簡介，是個人對于javascript中的DOM的理解的總結(jié)，推薦給小伙伴們。2015-03-03
復(fù)習(xí)下事件,長年用JQ,都給忘了~2010-12-12
V8是Google開發(fā)的JavaScript引擎,采用分代垃圾回收機制自動管理內(nèi)存,包括新生代和老生代,新生代使用Scavenge算法快速回收短生命周期對象,老生代使用標記-清除和標記-整理算法優(yōu)化長期存活對象的回收,V8通過增量標記、并發(fā)GC和增量壓縮等優(yōu)化策略減少垃圾回收對性能的影響2025-02-02
這篇文章主要為大家詳細介紹了使用3D引擎threeJS實現(xiàn)星空粒子移動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
制作論壇用到的輸入框~想模仿百度之類的寫一個自動匹配字符2013-06-06
下面小編就為大家?guī)硪黄狫S獲取html元素的標記名實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了postcss安裝和使用,通過這些深度集成,PostCSS不僅僅是一個簡單的CSS處理工具,而是一種貫穿整個前端開發(fā)流程的技術(shù)手段,大大提升了CSS開發(fā)效率和產(chǎn)出質(zhì)量,隨著前端社區(qū)的發(fā)展,PostCSS的功能和應(yīng)用場景也會更加豐富多元,需要的朋友可以參考下2024-03-03
這篇文章主要介紹了JS實現(xiàn)判斷有效的數(shù)獨算法,結(jié)合實例形式分析了javascript數(shù)獨判斷的原理及相關(guān)算法實現(xiàn)、使用操作技巧,需要的朋友可以參考下2019-02-02