奇偶行高亮顯示及鼠標(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復(fù)制網(wǎng)頁(yè)內(nèi)容并兼容各主流瀏覽器的代碼
js 復(fù)制網(wǎng)頁(yè)內(nèi)容的方法代碼有很多不過(guò)要兼容各瀏覽器就不多了，下面有個(gè)不錯(cuò)的方法，大家可以嘗試操作下2013-12-12
javaScript 關(guān)閉瀏覽器 (不彈出提示框)
如果網(wǎng)頁(yè)不是通過(guò)腳本程序打開的（window.open()），調(diào)用window.close()腳本關(guān)閉窗口前，必須先將window.opener對(duì)象置為null，否則瀏覽器（IE7、IE8）會(huì)彈出一個(gè)確定關(guān)閉的對(duì)話框。2010-01-01
本篇文章主要介紹了詳解為Bootstrap Modal添加拖拽的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
昨天群里面的朋友問(wèn)了個(gè)比較有意思的問(wèn)題,keydown,keyup,keypress事件的先后順序。2009-02-02
javascript中巧用“閉包”實(shí)現(xiàn)程序的暫停執(zhí)行功能
javascript中巧用“閉包”實(shí)現(xiàn)程序的暫停執(zhí)行功能...2007-04-04
JavaScript實(shí)現(xiàn)三階幻方算法謎題解答
這篇文章主要介紹了JavaScript實(shí)現(xiàn)三階幻方算法謎題解答,三階幻方是指試將1~9這9個(gè)不同整數(shù)填入一個(gè)3×3的表格,使得每行、每列以及每條對(duì)角線上的數(shù)字之和相同,需要的朋友可以參考下2014-12-12
詳解如何準(zhǔn)確判斷JavaScript中的數(shù)據(jù)類型
JavaScript中,我們經(jīng)常需要判斷數(shù)據(jù)類型以便于正確地處理數(shù)據(jù),本文將介紹JavaScript中的數(shù)據(jù)類型判斷技術(shù),包括typeof操作符、instanceof操作符、Object.prototype.toString方法以及ES6新增的一些數(shù)據(jù)類型判斷方法,需要的朋友可以參考下2023-08-08
如何基于JS實(shí)現(xiàn)Ajax并發(fā)請(qǐng)求的控制詳解
通常為了減少頁(yè)面加載時(shí)間,先把核心內(nèi)容顯示處理,頁(yè)面加載完成后再發(fā)送ajax請(qǐng)求獲取其他數(shù)據(jù),這時(shí)就可能產(chǎn)生多個(gè)ajax請(qǐng)求,為了用戶體驗(yàn)，最好是發(fā)送并行請(qǐng)求,這篇文章主要給大家介紹了關(guān)于如何基于JS實(shí)現(xiàn)Ajax并發(fā)請(qǐng)求控制的相關(guān)文章,需要的朋友可以參考下2021-08-08
JavaScript高級(jí)?ES7-ES13?新特性詳解
這篇文章主要介紹了JavaScript高級(jí)?ES7-ES13?新特性詳解,本文結(jié)合實(shí)例代碼給大家講解的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-02-02
這篇文章主要介紹了js實(shí)現(xiàn)的tab標(biāo)簽切換效果，功能非常簡(jiǎn)單，實(shí)現(xiàn)了點(diǎn)擊切換的效果，推薦給大家，有需要的小伙伴可以參考下。2015-09-09