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

Js切換功能的簡單方法

 更新時間:2010年11月23日 21:52:35   作者:  
很久以前還在學(xué)校的時候,在網(wǎng)上看到有的關(guān)于js切換的效果我自己會用 很笨拙的方法試著寫出來
我估計很多正在學(xué)習(xí)css,js的朋友們也有這樣的經(jīng)歷,剛在做這個js切換的時候,我想到了一個好的方法,馬上給大家分享一下,希望你們能把它拿走
復(fù)制代碼 代碼如下:

function changeDiv(index)
{
for(var i=0;i<=5;i++)
{
if(i == index)
document.getElementById('dv_'+i).className="txt1";
else
document.getElementById('dv_'+i).className="txt2";
}
}

可樣子大家可能看的不是很清楚,這樣 吧,我把html也貼出來了,大家就看看吧,
復(fù)制代碼 代碼如下:

<table width="100%" height="616" border="0" align="center" cellpadding="0" cellspacing="5" bgcolor="#FEFDF8" class="border1">
<tr>
<td height="20" class="title2">會員注冊</td>
</tr>
<tr>
<td valign="top" bgcolor="#FEFDF8">
<table height="20"><tr><td></td></tr></table>
<table width="100%" height="300" border="0" cellpadding="0" cellspacing="10">
<tr>
<td width="100" align="right">會員名:</td>
<td><asp:TextBox CssClass="txt" id="txt_name" onfocus="changeDiv(0)" onblur="cheaked();check_callback()" runat="server"/><div id="showState"></div></td>
<td><div id="dv_0" class="txt2">5-20個字符(包括小寫字母、數(shù)字、下劃線、中文)</div></td>
</tr>
<tr>
<td align="right">密碼:</td>
<td><asp:TextBox id="txt_pwd" TextMode="Password" CssClass="txt" onfocus="changeDiv(1)" runat="server"/></td>
<td><div id="dv_1" class="txt2">請使用英文字母加數(shù)字或符號的組合密碼</div></td>
</tr>
<tr>
<td align="right">確認密碼:</td>
<td><asp:TextBox id="txt_pwd1" TextMode="Password" CssClass="txt" onfocus="changeDiv(2)" runat="server"/></td>
<td><div id="dv_2" class="txt2">請重新輸入密碼</div></td>
</tr>
<tr>
<td align="right">電子郵箱:</td>
<td><asp:TextBox id="txt_mail" CssClass="txt" onfocus="changeDiv(3)" runat="server"/></td>
<td><div id="dv_3" class="txt2">請輸入常用電子郵箱</div></td>
</tr>
<tr>
<td align="right">QQ/電話:</td>
<td><asp:TextBox id="txt_tel" CssClass="txt" onfocus="changeDiv(4)" runat="server"/></td>
<td><div id="dv_4" class="txt2">請?zhí)顚懩腝Q/電話號</div></td>
</tr>
<tr>
<td align="right">驗證碼:</td>
<td><asp:TextBox id="txt_vali" CssClass="txt" Width="150" onfocus="changeDiv(5)" runat="server"/><img id="vcodeimg" style="cursor:hand" src="tools/verifyimage.aspx" onClick="this.src= http://www.dftzc.com " title="點擊刷新驗證碼" align="absmiddle" /><div id="showErro" runat=server></div></td>
<td><div id="dv_5" class="txt2">請輸入驗證碼</div></td>
</tr>
<tr>
<td colspan="2" align="center"><INPUT type="checkbox" name="check_agreement">
<A href="#">我已閱讀并同意會員條款</A></td>
<td align="center" valign="bottom"><asp:Button runat="server" ID="btn_register" OnClick="btn_Register_Click" onclientclick="return vipRegister()" Text="會員注冊"/></td>
</tr>
</table></td>
</tr>
</table>

相關(guān)文章

  • 原生JS實現(xiàn)鼠標滑動撒愛心特效

    原生JS實現(xiàn)鼠標滑動撒愛心特效

    這篇文章主要為大家詳細介紹了原生JS實現(xiàn)鼠標滑動撒愛心特效,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • JS實現(xiàn)橫向拉伸動感伸縮菜單效果代碼

    JS實現(xiàn)橫向拉伸動感伸縮菜單效果代碼

    這篇文章主要介紹了JS實現(xiàn)橫向拉伸動感伸縮菜單效果,涉及javascript基于定時函數(shù)及鼠標事件操作頁面元素動態(tài)變換的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-09-09
  • ClearTimeout消除閃動實例代碼

    ClearTimeout消除閃動實例代碼

    本文給大家介紹ClearTimeout消除閃動相關(guān)知識,本文介紹的非常詳細,具有參考借鑒價值,感興趣的朋友一起學(xué)習(xí)吧
    2016-02-02
  • JavaScript數(shù)組對象實現(xiàn)增加一個返回隨機元素的方法

    JavaScript數(shù)組對象實現(xiàn)增加一個返回隨機元素的方法

    這篇文章主要介紹了JavaScript數(shù)組對象實現(xiàn)增加一個返回隨機元素的方法,涉及javascript針對數(shù)組及隨機數(shù)的相關(guān)操作技巧,需要的朋友可以參考下
    2015-07-07
  • 分享十三個最佳JavaScript數(shù)據(jù)網(wǎng)格庫

    分享十三個最佳JavaScript數(shù)據(jù)網(wǎng)格庫

    數(shù)據(jù)網(wǎng)格可以幫助解決在 HTML 表格上對帶有過濾、分頁、排序、搜索以及內(nèi)聯(lián)編輯這些功能特性的大量數(shù)據(jù)集的處理問題,需要的朋友可以參考下
    2017-04-04
  • javascript中的undefined 與 null 的區(qū)別  補充篇

    javascript中的undefined 與 null 的區(qū)別 補充篇

    在Javascript中有兩個值用來代表類似空值的概念,undefined和null,這兩個很容易被混淆,他們表示的是兩個不同的概念。
    2010-03-03
  • 解析OpenLayers 3加載矢量地圖源的問題

    解析OpenLayers 3加載矢量地圖源的問題

    矢量圖形最大的優(yōu)點是無論放大、縮小或旋轉(zhuǎn)等不會失真。在地圖中存在著大量的應(yīng)用,是地圖數(shù)據(jù)中非常重要的組成部分,這篇文章主要介紹了OpenLayers 3加載矢量地圖源的相關(guān)資料,需要的朋友可以參考下
    2021-12-12
  • 前端把html表格生成為excel表格的實例

    前端把html表格生成為excel表格的實例

    下面小編就為大家?guī)硪黄岸税裩tml表格生成為excel表格的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • 微信端開發(fā)--登錄小程序步驟

    微信端開發(fā)--登錄小程序步驟

    本篇文章主要介紹了微信端開發(fā)--登錄小程序步驟,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-01-01
  • JavaScript基于SVG的圖片切換效果實例代碼

    JavaScript基于SVG的圖片切換效果實例代碼

    這篇文章主要介紹了JavaScript基于SVG的圖片切換效果實例代碼,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-12-12

最新評論