欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

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

復制代碼 代碼如下:
<html>
<head>
<title>JS+CSS實現(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>日報</TD>
 <TD class=normal>周報</TD>
 <TD class=normal>月報</TD>
 <TD class=normal>季報</TD>
 <TD class=normal>日報</TD>
 <TD class=normal>周報</TD>
 <TD class=normal>月報</TD>
 <TD class=normal>季報</TD>
</TR>
</TABLE>
</body>
</html>

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

相關(guān)文章

  • 淺談javascript中replace()方法

    淺談javascript中replace()方法

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

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

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

    微信小程序?qū)W習之數(shù)據(jù)處理詳解

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

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

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

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

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

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

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

    Javascript面象對象成員、共享成員變量實驗

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

    JavaScript 程序編碼規(guī)范

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

    ExpressJS使用express-ws的實例詳解

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

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

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

最新評論