⑴ 如何使用javascript使按鈕變灰且不能點擊
第一種方法：直接按鈕中加入
當點擊提交後，提交按鈕變灰色不可用，這樣可有效防止重復提交，本代碼就是實現這樣一個功能。從代碼就可以看出，我們只需在提交按鈕上加入這一句： onclick="javascript:{this.disabled=true;document.form1.submit();}"，意思是當按鈕點擊後，將按鈕的不可用屬性設置為true，這樣按鈕就變灰了
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>表單提交後按鈕變成灰色</title>
</head>
<body>
<formname=form1method="POST"action="/"target=_blank>
<p>遲毀<inputtype="text"name="T1"size="20"><inputtype="button"value="提交"onclick="javascript:{this.disabled=true;document.form1.submit();}">
<inputtype="reset"value="重置"name="B2"></p>
</form>
</body>
</html>
第二種方法：通過onSubmit事件實現，並且可以將變灰按鈕變為可用
在form裡面添加 onSubmit事件，如果禪旦岩表單加入了判斷，那麼這個方法直接就可以用了，記住就放到最後，否則一開始就為灰了，但我們加上了一個使提交按鈕變為可用的代碼，
即可防止重復提交信息，也可以防止代碼問題導致不可提交的情況
<formname=form1action=""onSubmit="returnclosebut()">
<inputname="imageField"type="submit"class="inputbut"value="確定"/><br>
<inputtype="button"name="hui"id="hui"value="讓提交按鈕可用"onclick="document.form1.imageField.disabled=false"/>
</form>
<script>
functionclosebut(){
document.form1.imageField.disabled=true;
}
</script>
第三種，跟上面的類似
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="content-type"content="text/html;charset=gb2312">
<metaname="keywords"content="站長,網頁特效,js特效,js腳本,腳本,廣告代碼"/>
<metaname="description"content="www.jb51.net,站長特效網，站長必備js特效及廣告代碼。大量高質量js特效，提供高質量廣告代碼下載,盡在站長特效網"/>
<title>網頁特效表單提交後按鈕變灰效果三</title>
</head>
<body>
<ahref="http://www.jb51.net/">腳本之家</a>,站長必備的高質量賀御網頁特效和廣告代碼。<hr>
<!--歡迎來到腳本之家，我們網站收集大量高質量js特效，提供許多廣告代碼下載，網址：<Ahref="http://www.jb51.net">www.jb51.net</A>，用.net打造靚站-->
<scriptlanguage="javascript">
functionsubmitonce(jb51_net){
if(document.all||document.getElementById){
for(i=0;i<jb51_net.length;i++){
vartempobj=jb51_net.elements[i];
if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()=="reset")
tempobj.disabled=true;
}
}
}//歡迎來到站長特效網，我們的網址是www.jb51.net，很好記，zz站長，js就是js特效，本站收集大量高質量js代碼，還有許多廣告代碼下載。
</script>
<formaction="http://www.jb51.net"method="post"name="jb51_net"onSubmit="submitonce(this)">
<inputtype="text"name="name">
<inputtype="submit"name="submit1"value="提交">
</form>
</body>
</html>
⑵ js怎麼實現點擊表格圖片顯示和消失
這個問題其實想要實現的效果不難，但關鍵在於你的數據是靈活變化的還是固定不變的？
（1）如果是固定的，我是指（表格大小，長寬，位置均不變，但圖片內容是可以變化的），這個就很容易寫，我寫了一個簡單的Demo
HTML:
<!DOCTYPEhtml>
<html>
<head>
<title></title>
<metahttp-equiv="Content-type"content="text/html;charset=utf-8"/>
<styletype='text/css'>
.seltrtd{
width:80px;
background:#09f;
height:20px;
text-align:center;
color:#fff;
cursor:pointer;
}
tabletrtdimg{display:none;}/*這里我先把圖片隱蔽了*/
</style>
</head>
<body>
<table>
<tr>
<!--給圖凳讓片添加一個ID-->
<td><imgsrc='../picture/01.jpg'id='img1'/></td>
<td><imgsrc='../picture/02.jpg'id='img2'/></td>
<td><imgsrc='../picture/03.jpg'id='img3'/></td>
</tr>
</table>
<tableclass="sel">
<tr>
<!--直接在td上添加事件，並傳入指定的參數-->
<!--這個參數就是對應圖片的ID-->
<tdonclick="fToggle('img1')">1</td>
<tdonclick="fToggle('img2')"棗盯局>2</td>
<tdonclick="fToggle('img3')">3</td>
</tr>
</table>
</body>
<scripttype="text/javascript">
functionfToggle(objId){
//觸發事件後則緩，根據傳入的參數獲取對應的圖片的display值
varstate=document.getElementById(objId).style.display;
//再進行設置顯示或是隱藏就行了
if(state=='block'){
document.getElementById(objId).style.display='none';
}
else{
document.getElementById(objId).style.display='block';
}
}
</script>
</html>
（2）如果是變化的（指圖片多少，表格大小均可以變化），那這里就相對復雜些，不過思路依然是可以沿用上面的思路去做的！這里我就不寫了，比較麻煩
⑶ js效果，上下兩個箭頭控制圖片上下移動，到最頂部上箭頭不能再點，下箭頭同理！不點擊箭頭圖片不位移,救命
<html>
<head>
<script>
function moveUp()
{
document.getElementById("btnDown").disabled = false;
img = document.getElementById("img1");
img.style.top = parseInt(img.style.top,10)-30;
if(parseInt(img.style.top,10)<0)
{
img.style.top = 0;
event.srcElement.disabled = true;
}
}
function moveDown()
{
document.getElementById("btnUp").disabled = false;
img = document.getElementById("img1");
img.style.top = parseInt(img.style.top,10)+30;
if((parseInt(img.style.top,10)+img.height)>document.body.clientHeight)
{
img.style.top = document.body.clientHeight - img.height;
event.srcElement.disabled = true;
}
}
</script>銷橋猜虧型
</head>
<body>
<img id="img1" style="position:absolute; top:100px; left:100px;" src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/avarta/66/r8s1g7.gif" />
<input id="btnUp" type="button" value="↑消薯" onclick="moveUp()" />
<input id="btnDown" type="button" value="↓" onclick="moveDown()" />
</body>
</html>
⑷ js如何讓圖片顯示隱藏三次
一、案例需求
點擊按鈕後圖片隱藏，同時按鈕的文字變為顯示，再次點擊按鈕圖會顯示，同時按鈕的文
字變為隱藏。
二、案例分析
1、事件源：按鈕（沒伍button）
2、事件類型：點擊（onclick）
3、事件處理程序：
（1）文字內容改變用：innerText
（2）圖片是否顯示用：display
三、代碼如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="虛察頃UTF-8">
<title>顯示和隱藏圖片</title>
<style>
#new {
width: 200px;
margin-top: 10px;
}
</style>
</head>
<body>
<button id="btn">隱藏</button><br>
<img src="images/img01.jpg" id="new">
<script>
// 1. 獲取元素
var btn = document.querySelector('#btn');
var img = document.querySelector('#new');
var index = 1;
// 2. 添加事件
btn.onclick = function() {
//法一：
if (index++ % 2 === 1) {
img.style.display = 'none';
this.innerText = '顯示'
} else {
img.style.display = 'block';
this.innerText = '隱藏';
}
// 法二
// if (this.innerText === '隱藏差陸') {
⑸ js如何實現連接圖片顯示但是又不能點擊
給你一個參考，本人網站用的廣告代碼。
<script language=JavaScript>
var elady_step=3; //1:small, 3:middle, 5:big
var elady_speed=50; //20:fast, 50:middle, 80:slow
var e_tp=new Array();
var e_tplink=new Array();
var adNum_elady1=0;
var elady_stop_sh=0;
var elady_star_sh=1;
function elady1_moveImg(){
if ((!document.all&&!document.getElementById)||(elady_stop_sh==0)) return;
if (elady_star_sh==1){
document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)+elady_step;}
else if (elady_star_sh==2){
document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)+elady_step;}
else if (elady_star_sh==3){
document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)-elady_step;}
else{
document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)-elady_step;}
if (elady_star_sh<4) elady_star_sh++;
else elady_star_sh=1;
setTimeout("elady1_moveImg()",elady_speed);}
e_tplink[0]="";
e_tp[0]="img/500x250_1.jpg";
e_tplink[1]="";
e_tp[1]="img/500x250_2.jpg";
e_tplink[2]="";
e_tp[2]="img/500x250_3.jpg";
e_tplink[3]="";
e_tp[3]="img/500x250_4.jpg";
var currentimage=new Array();
for (i=0;i<=3;i++){currentimage[i]=new Image();
currentimage[i].src=e_tp[i];
}
function elady1_set(){ if (document.all)
{ e_tprotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
e_tprotator.filters.revealTrans.apply(); }
}
function elady1_playCo()
{ if (document.all) e_tprotator.filters.revealTrans.play()
}function elady1_nextAd(){ if(adNum_elady1<e_tp.length-1)adNum_elady1++ ;
else adNum_elady1=0;
elady1_set();
document.images.e_tprotator.src=e_tp[adNum_elady1];
elady1_playCo();
theTimer=setTimeout("elady1_nextAd()", 4000);}
function elady1_linkurl(){ jumpUrl=e_tplink[adNum_elady1];
jumpTarget='_blank';
if (jumpUrl != ''){ if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}}
function elady1_listMsg()
{ status=e_tplink[adNum_elady1];
document.returnValue = true;}
document.write("<div id='elady1_divimg' style='position:relative'>");
document.write('<img style="FILTER: revealTrans(ration=2,transition=20)" height=250 src="javascript:elady1_nextAd()" width=500 border=0 name=e_tprotator >');
document.write("</div>");
</script>
如果你要 「超級管理員才能點擊，而其他的人不能點擊」
那就不是JS了，ASP或PHP 加用戶判讀，如果是1，顯示按鍵。如果不是，顯示空白。
⑹ js高手進，如何能讓滑鼠停在圖片上的時候停止滾動
#box1 div:hover{
animation-play-state: paused;
}
animation--play-state屬性指定動畫是否正在運行或已者頌暫停。
語法： animation-play-state: paused|running;
paused 指定暫停動含賀畫
running 指定正在運行談嫌派的動畫
⑺ 在javascript中怎麼設置button的可點擊和不可點擊
、js中設置按陵則跡鈕可點擊與不可尺並點擊，默認是可點擊的
(1)設置按鈕不可點擊
document.getElementById("bt1").disabled=ture;
(2)設置按鈕可點擊
document.getElementById("bt1").disabled=false;
2、jq中設置按鈕可點擊與不可點擊，默認是可點擊的盯遲
(1)設置按鈕不可點擊
$("#bt1").attr("disabled",ture);
(1)設置按鈕可點擊
$("#bt1").attr("disabled",false);
3、標簽中設置按鈕不可點擊
在標簽中添加屬性disabled="true"。
⑻ 怎麼設置下拉菜單在js圖片輪換之上可以被點擊
我這里顯冊茄示州輪察
'tab2' 為空或不是桐虛對象
這個錯誤
檢查一下吧
⑼ js如何設置超鏈接點擊後變為不可點擊
給它加個id<a id="<%=AA%>" onClick="javascript:openXX(<%=AA%>)">打開</a>以後就可以根據id找到它然後變為不可點擊