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熱鍵功能
 
Javascript中暫停功能的實現
<script language="javascript">/*Javascript中暫停功能的實現Javascript本身沒有暫停功能(sleep不能使用)同時 vbscript也不能使用doEvents,故編寫此函數實現此功能。javascript作爲弱對象語言,一個函數也...查看完整版>>Javascript中暫停功能的實現
 
用JavaScript實現字符串切分功能
以下是引用片段:<html> <head> <title>字符串切分</title> <script language=javascript> function getmulti(oldstr) { var newstr=oldstr;//字段內容 var i=0,j=0,t=1;//判斷是否...查看完整版>>用JavaScript實現字符串切分功能
 
javascript實現劃詞標記劃詞搜索功能
完整示例代碼如下:以下是引用片段:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Cont...查看完整版>>javascript實現劃詞標記劃詞搜索功能
 
用JavaScript實現"back"按鈕的功能
  內容簡介  本技巧教你如何讓你的讀者能夠從當前頁面跳回到他們以前浏覽過的頁面。  是否很想有一個神奇的按鈕,能將它放在你的 HTML 文檔的任何地方,使你的讀者能夠從當前頁回跳到以前浏覽過的頁面呢?或許...查看完整版>>用JavaScript實現"back"按鈕的功能
 
 
回到王朝網路首頁