收藏本站 收藏本站
積木網首頁 - 軟件測試 - 常用手冊 - 站長工具 - 技術社區
首頁 > JavaScript > JavaScript技巧 > 正文

首頁 - PHP - 數據庫 - 操作系統 - 游戲開發 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell編程 - DOS命令 - jQuery - CSS樣式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

javascript按鈕禁用和啟用的效果實例代碼

廢話不多說了,直接給大家貼代碼了,具體代碼如下所述:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>按鈕啟用和禁用</title>
<script type="text/javascript">
function btn1()
{
 document.getElementById("btn1").disabled=true;
 document.getElementById("btn1").innerHTML="禁用按鈕1";
 document.getElementById("btn2").disabled=false;
 document.getElementById("btn2").innerHTML="啟用按鈕2";
 }
 //按鈕2
function btn2()
{
 document.getElementById("btn1").disabled=false;
 document.getElementById("btn1").innerHTML="啟用按鈕1";
 document.getElementById("btn2").disabled=true;
 document.getElementById("btn2").innerHTML="禁用按鈕2";
 }
</script>
</head>
<body>
<div style="position:absolute;left:400px;top:200px">
<button id="btn1" onclick="btn1();" style="width:100px;height:100px; ">按鈕1</button>
<button id="btn2" onclick="btn2();" style="width:100px;height:100px; margin-left:100px ">按鈕2</button>
</div>
</body>
</html>

效果:

查看圖片

總結

以上所述是小編給大家介紹的javascript按鈕禁用和啟用的效果實例代碼,希望對大家有所幫助!

JavaScript實現精美個性導航欄筋斗云效果
實現效果:實現效果如下圖所示實現原理:什么是筋斗云效果:這個效果很簡單,就是鼠標移到其他導航目錄時會有背景圖片跟著鼠標滑動到當前的目錄

用React實現一個完整的TodoList的示例代碼
前言:算起來已經有一個多月沒有寫博客了,近來懈怠了不少,也不知道要寫些什么,最近學了一段時間的React,一直都在看些理論性的知識,總覺得應

ES6 javascript中class靜態方法、屬性與實例屬性用法示例
本文實例講述了ES6javascript中class靜態方法、屬性與實例屬性用法。分享給大家供大家參考,具體如下:類相當于實例的原型,所有在類中定義的方法,

本周排行

更新排行

強悍的草根IT技術社區,這里應該有您想要的! 友情鏈接:b2b電子商務
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP備05050695號
时时彩免费分析软件