亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JS+CSS實(shí)現(xiàn)可以凹陷顯示選中單元格的方法

 更新時(shí)間:2015年03月02日 09:52:58   作者:代碼家園  
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)可以凹陷顯示選中單元格的方法,實(shí)例分析了javascript操作css的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JS+CSS實(shí)現(xiàn)可以凹陷顯示選中單元格的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:

復(fù)制代碼 代碼如下:
<html>
<head>
<title>JS+CSS實(shí)現(xiàn)可以凹陷顯示選中的單元格</title>
<style>
td{cursor:hand;font-size:12px}
.click{border-top:1px solid #0033CC;border-bottom:1px solid #DDEEFF;border-left:1px solid #0033CC;border-right:1px solid #DDEEFF;padding-top:5px;padding-bottom:3px;padding-left:5px;padding-right:3px;}
.hover{border-top:1px solid #DDEEFF;border-bottom:1px solid #0033CC;border-left:1px solid #DDEEFF;border-right:1px solid #0033CC;padding:4px;}
.normal{border:1px solid #FFFFFF;padding:4px;}
</style>
</head>
<body>
<script>
function overbutton(){
 if(src=event.srcElement)
  if(src.className=="normal"){
   src.className='hover';
  }
}
function outbutton(){
 if(src=event.srcElement)
  if(src.className=="hover"){
   src.className='normal';
  }
}
function clickbutton(){
 if(src=event.srcElement)
  if(src.className=="hover"){
      var cells=document.all.button.rows[0].cells;
   for (i=0;i<cells.length ;i++ )
   {cells[i].className="normal";
   }
   src.className='click';
  }
}

document.onmouseover=overbutton
document.onmouseout=outbutton
document.onclick=clickbutton</script>
<TABLE id=button>
<TR>
 <TD class=click>日?qǐng)?bào)</TD>
 <TD class=normal>周報(bào)</TD>
 <TD class=normal>月報(bào)</TD>
 <TD class=normal>季報(bào)</TD>
 <TD class=normal>日?qǐng)?bào)</TD>
 <TD class=normal>周報(bào)</TD>
 <TD class=normal>月報(bào)</TD>
 <TD class=normal>季報(bào)</TD>
</TR>
</TABLE>
</body>
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 淺談javascript中replace()方法

    淺談javascript中replace()方法

    這篇文章主要介紹了淺談javascript中replace()方法,replace函數(shù)方法是返回根據(jù)正則表達(dá)式進(jìn)行文字替換后的字符串的復(fù)制,需要的朋友可以參考下
    2015-11-11
  • 微信小程序獲取用戶信息及手機(jī)號(hào)(后端TP5.0)

    微信小程序獲取用戶信息及手機(jī)號(hào)(后端TP5.0)

    這篇文章主要為大家詳細(xì)介紹了微信小程序獲取用戶信息及手機(jī)號(hào),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-09-09
  • 微信小程序?qū)W習(xí)之?dāng)?shù)據(jù)處理詳解

    微信小程序?qū)W習(xí)之?dāng)?shù)據(jù)處理詳解

    這篇文章主要給大家介紹了關(guān)于微信小程序中數(shù)據(jù)處理的相關(guān)資料,文中介紹的非常詳細(xì),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考借鑒,下面來一起看看吧。
    2017-07-07
  • JavaScript中的閉包(Closure)詳細(xì)介紹

    JavaScript中的閉包(Closure)詳細(xì)介紹

    這篇文章主要介紹了JavaScript中的閉包(Closure)詳細(xì)介紹,函數(shù)調(diào)用對(duì)象與變量的作用域鏈、什么是閉包等內(nèi)容,并給出了實(shí)例,需要的朋友可以參考下
    2014-12-12
  • JavaScript修改作用域外變量的方法

    JavaScript修改作用域外變量的方法

     作用域是JavaScript最重要的概念之一,想學(xué)好javascript需要深入理解javascript作用域原理,接下來通過本文給大家介紹javascript修改作用域外變量的方法,需要的朋友一起學(xué)習(xí)吧
    2016-03-03
  • JavaScript ES6中export、import與export default的用法和區(qū)別

    JavaScript ES6中export、import與export default的用法和區(qū)別

    這篇文章主要給大家介紹了JavaScript ES6中export、import與export default的用法和區(qū)別,文中介紹的非常詳細(xì),相信對(duì)大家學(xué)習(xí)ES6會(huì)有一定的幫助,需要的朋友可以參考借鑒,下面來一起看看吧。
    2017-03-03
  • Javascript面象對(duì)象成員、共享成員變量實(shí)驗(yàn)

    Javascript面象對(duì)象成員、共享成員變量實(shí)驗(yàn)

    Javascript 面象對(duì)象成員、共享成員變量實(shí)驗(yàn),需要的朋友可以參考下。
    2010-11-11
  • JavaScript 程序編碼規(guī)范

    JavaScript 程序編碼規(guī)范

    這是一套適用于JavaScript程序的編碼規(guī)范。它基于Sun的Java程序編碼規(guī)范。但進(jìn)行了大幅度的修改, 因?yàn)镴avaScript不是Java。
    2010-11-11
  • ExpressJS使用express-ws的實(shí)例詳解

    ExpressJS使用express-ws的實(shí)例詳解

    這篇文章主要介紹了ExpressJS使用express-ws的實(shí)例代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-09-09
  • JavaScript純色二維碼變成彩色二維碼

    JavaScript純色二維碼變成彩色二維碼

    這篇文章主要為大家詳細(xì)介紹了JavaScript純色二維碼變成彩色二維碼的方案,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-04-04

最新評(píng)論