导航

« 防止表格被撑开或div层被撑开的多种方法多行文字的跑马灯效果 javascript特效  »

几个常用的js函数(特效) 分享

JavaScript

javascript在网页设计中会经常用到,下面收集了几个比较常用的js函数(例子)。

<a href="javascript:history.back(-1)"> 返回</a>

1.确认是与否

<html>
<head>
<title>javascript确认模式</title> 
<script type="text/javascript">
 function del(){
  var x=confirm('你真的要删除吗?')
  if(x){
   alert('确定');
   return true;
  }
  else{
   alert('取消');
   return false;
  }
 } 
</script>
 </head>
<body>
 <form method="post" action="12.html">
  <input type="submit" onclick="return del();" value="删除">
 </form>
</body>
</html>

2.遍历所有表单内元素

<html>
<head>
<title>遍历表单</title>
<script type="text/javascript">
 function checkAll(form){
  //this.form获取表单集合
  //form.elements.length
  //alert(form.elements.length);
  //alert(form.elements[2].value);获取某一个表单元素值
  //form.elements[0].checked=true;
  //遍历所有表彰内元素
  for(var i=0;i<form.elements.length;i++){
   var e=form.elements[i];
   if(e.name=!'chkall'){    //这里如果用name='showid',可能有所区别
    e.checked=form.chkall.checked;
   }
  }
 }
</script>
</head>
<body>
 <form name="del" method="post">
  <input type="checkbox" name="ShowId" value="1"/>1<br/>
  <input type="checkbox" name="ShowId" value="2"/>2<br/>
  <input type="checkbox" name="ShowId" value="3"/>3<br/>
  <input type="checkbox" name="ShowId" value="4"/>4<br/>
  <input type="checkbox" name="ShowId" value="5"/>5<br/>
  <input type="checkbox" name="ShowId" value="6"/>6<br/>
  <input type="checkbox" name="ShowId" value="7" checked="checked"/>7<br/>
  <br/><br/>
 <input type="checkbox" onclick="checkAll(this.form);" name="chkall"/>全选<br/>
 <input type="submit" value="删除"/>
 </form>
 
</body>
</html>

3.平滑漂浮的广告块

在要放广告的页面中放如下代码:

<div id="img1" style="z-index: 100; left: 200px; width: 188px; position: absolute; top: 300px; height: 70px;
visibility: visible;"><a href="#" target="_blank"><img border=0 src="/style/act.gif" /></a></div>
<script src="/scripts/act.js"></script>

js文件下载:act.rar

 3、网页左右对联广告js

 对联js广告.rar

  • 顶一下



  • 相关文章:


原创文章如转载,请注明:转载自落日故乡

本文链接地址:http://www.spersky.com/post/javascript_01.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

内容搜索


常用链接

最新评论及回复

Powered By Z-Blog

Copyright spersky All Rights Reserved.Theme Moonlight,Calf modified.