JavaScript

最新推荐文章于 2023-01-25 12:12:59 发布

1377194675

最新推荐文章于 2023-01-25 12:12:59 发布

阅读量285

点赞数 1

文章标签： javascript

代码1：表单中文本框的焦点的获取和移出

<form id="autoForm">
用户名：<input type="text" name="username" />
密码：<input type="text" name="password" />
<input type="submit" value="登陆" name="login"/>
</form>
</body>
<script>
var autoForm=document.getElementById('autoForm');
autoForm.username.οnfοcus=function(){
this.style.border='1px solid #287AE8';
}
autoForm.username.οnblur=function(){
this.style.border='1px solid #A6FF4D';
}
</script>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

代码2：复选框的全选和不选

<body>
<form id="autoform">
全选/不选<input type="checkbox" id="selector" /><br/>
学习<input type="checkbox" /><br/>
娱乐<input type="checkbox" /><br/>
运动<input type="checkbox" /><br/>
</form>
</body>
<script>
var slector=document.getElementById("selector");
slector.οnclick=function(){
for(var i=0;i<autoform.elements.length;i++){
autoform.elements[i].checked=this.checked;
}
}
</script>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

代码3：动态的创建元素：兼容IE和其他浏览器

<body>
</body>
<script>
var txt,btn;
try{
txt=document.createElement('<input type="text"/>');
btn=document.createElement('<input type="submit" vlaue="提交"/>');//IE专用
}catch(e){
txt=document.createElement("input");
btn=document.createElement("input"); //其他浏览器用
}
txt.type="text";
btn.type="submit";
btn.value="提交";
document.body.appendChild(txt);
document.body.appendChild(btn);
</script>

==================================================

代码4：单选框应用：

<body>
<form id="autoform">
性别：<input type="radio" name="sex" checked="checked" value="男"/>男
<input type="radio" name="sex" value="女"/>女
</form>
</body>
<script>
autoform.sex[0].οnclick=function(){
alert('你选择的性别为男');
}
autoform.sex[1].οnclick=function(){
alert('你选择的性别为女');
}
</script>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

代码5:震屏代码：

window.resizeTo(400,500);//改变窗口的大小
var loop=0;//震动次数
var timer;//定时器引用
var offX;
var offY;
var dir=1;//震动方向，1为正，－1为反
//震动特效
timer=setInterval(function(){
window.moveTo(500,180);//改变窗口的位置
if(loop>1000){
  clearInterval(timer);
}//震动次数超过1000次就停止定时器
  dir=Math.random()*10>5?1:-1;
  offX=Math.random()*20*dir;
  offY=Math.random()*20*dir-1;
  window.moveBy(offX,offY);
  loop++;
},10)//每隔10毫秒震动一次

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

代码6：阴影效果：

<body>
<div id="layer1">ssss</div>
<div id="layer2">sssssssss</div>
</body>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

1377194675

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript

代码1：表单中文本框的焦点的获取和移出用户名：密码：var autoForm=document.getElementById('autoForm');autoForm.username.onfocus=function(){this.style.border='1px solid #287AE8'; }autoForm.username.on
复制链接

扫一扫