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