javascript實現四個重疊DIV切換功能

HTML如下

<html>

<script src="/static/js/jquery-1.2.6.js" type="text/javascript"></script>

<style type="text/css">

.jdjj

{

}

</style>

<div><table><tr><td><a href="#"></a></td><td><a href="#" onclick="jdjjchange(0)">DIV1</a></td><td><a href="#"onclick="jdjjchange(1)">DIV2</a></td><td><a href="#"onclick="jdjjchange(2)">DIV3</a></td><td><a href="#"onclick="jdjjchange(3)">DIV4</a></td></tr></table></div>

<div id="jdjj">

<div class="jdjj" >1</div>

<div class="jdjj" style="display:none;">2</div>

<div class="jdjj" style="display:none;">3</div>

<div class="jdjj" style="display:none;">4</div>

</div>

</html>

<script type="text/javascript">

function jdjjchange(i) {

$(".jdjj").hide().eq(i).show();

}

</script>

</html>

· 把年齡相仿的獅虎熊放一起,誰更厲害?結果出人意料

很多人都想知道獅子、老虎和熊打起來誰最厲害,于是便有好事之人把這三種動物關在一起...

· 湖北宜昌三峽壩區水面驚現神秘動物

近日,湖北宜昌,一段視頻在當地熱傳:有網友在三峽壩區拍到神秘動物,體型碩大數米長...

· 什麽是語段?語段的類型以及和句群、段落的區別與聯系是什麽?

句群是最高級的語言單位。 段落(自然段)是章法單位...

 
javascript實現的計數器功能代碼
  <SCRIPT language="JavaScript">  <!--  function www_webjx_com(offset)  {  var endstr=document.cookie.indexOf(";",offset);if(endstr==-1)  endstr=document.cookie.length;return unes...查看完整版>>javascript實現的計數器功能代碼
 
javascript用回車鍵實現Tab鍵功能
很多羅嗦的客戶,喜歡提出這些需求!其實實現也不難!代碼如下:我前段時間看了MS的ASP.NET講座,在裏面談到了如何讓"回車鍵"使文本框的焦點一個個下移.其中提了三種方法,最好的一種是這樣的: 用客戶端腳本...查看完整版>>javascript用回車鍵實現Tab鍵功能
 
利用javascript從數據庫取數據來實現CSDN首頁圖片的切換效果
我在網上下載了一個網站的部分源代碼 ,看到裏面有實現CSDN首頁圖片的切換效果。雖然以前看網上有許多轉載的,但是裏面的代碼都是在js中定義一個數組來存放圖片的信息,但是今天這個方法更加靈活啊!只需要以下幾步即...查看完整版>>利用javascript從數據庫取數據來實現CSDN首頁圖片的切換效果
 
Javascript中暫停功能的實現
  <script language="javascript">  /*Javascript中暫停功能的實現  Javascript本身沒有暫停功能(sleep不能使用)同時 vbscript也不能使用doEvents,故編寫此函數實現此功能。  javascript作爲弱對象...查看完整版>>Javascript中暫停功能的實現
 
用JavaScript實現WEB熱鍵功能
<html><head><script language='javascript'><!--function issueCommand(x){ if (document.layers) { if (x.which==99||x.which==67) window.close(); else ...查看完整版>>用JavaScript實現WEB熱鍵功能