⑴ 如何使用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找到它然后变为不可点击