博文

js实现页面中旋转起伏的眩目光环(2008-01-05 22:30:00)

摘要：js实现页面中旋转起伏的眩目光环......

阅读全文(2330) | 评论:0

同时向多个页面提交表单(2007-11-12 08:52:00)

摘要：有时候，需要向多个页面提交表单，直接将提交的页面写在action中，只能提交一个页面，不能满足自己的要求。
表单页：
<form name="form1" method="post" action="">
<input type="text" name="text"><br>
  <input type="button" onclick="javascript:f1();" value="提交到a.asp">&nbsp;<input type="button" onclick="javascript:f2();" value="提交到b.asp">
</form>
<script>
function f1()
{
  document.form1.action="a.asp";
  document.form1.submit();
}
function f2()
{
  document.form1.action="b.asp";
  document.form1.submit();
}
</script>

a.asp
<%
 text=request("text")
 response.write "页面a.asp得到index.asp提交过来的值是:"&text
 %> b.asp
<%
 text=request("text")
 response.write "来自index.asp提交过来的值是:"&text
 %>

完成，运行表单页，分别点击“提交到a.asp”和“提交到b.asp”，体验一下效果。......

阅读全文(3770) | 评论:0

获取层中的内容，包括外层(2007-10-25 12:32:00)

摘要：获取层中的内容，包括外层。
<div id="aaa">
<div id="1"><div>sdfsdf</div></div><div id="2">12343</div>
</div> <!--
我想得到的是:
<div id="1"><div>sdfsdf</div>
<div id="2">12343</div>
--> <script>
s1=document.getElementById("aaa").firstChild.outerHTML;
s2=document.getElementById("aaa").lastChild.outerHTML;
alert(s1);
alert(s2);
</script>......

阅读全文(2873) | 评论:0

更改网页中某一个层中的所有span的属性(2007-10-10 10:59:00)

摘要：<span id="k">qqq</span>
<div id="aaaa">
 <span style="display:none">1234</span>
 <span style="display:none">567</span>
 <span style="display:none">789</span>
</div>
<div id="abc">
 <span>eee</span>
</div>
<span id="l">www</span> <script>
str=document.getElementById("aaaa");
message_nodes=str.getElementsByTagName("span");
num=message_nodes.length;
for (i=0;i<num;i++ )
{
  message_nodes[i].style.display="block";
}
</script>......

阅读全文(4554) | 评论:0

层中层事件问题(2007-09-21 15:44:00)

摘要：今天遇到的问题是这样的：
 两个层，一个外层，一个内层，两个层都有onclick事件，点击外层，打开google页面，点击内层，打开baidu页面，我是这样做的
<div onclick="window.open('http://www.google.cn')" style="width:250px;background-color:yellow"> 
 <p>google.cn</p> 
 <div onclick="window.open('http://www.baidu.com')" style="width:200px;background-color:orange"> 
 <p>baidu.com</p> 
 </div> 
 <p>google.cn</p> 
</div>  
当点击外层的时候，打开google，这里正确的；当点击内层时，出现了即打开baidu，又打开了google，这个效果不是我要的。经过向高人请教，他告诉我一种叫“阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation）”可以解决这个问题，我在网上找了相关资料，终于解决了。代码如下：
<script type="text/javascript"> 
function doSomething (obj,evt) { 
 window.open(obj);
 var e=(evt)?evt:window.event; 
 if (window.event) { 
 e.cancelBubble=true; 
 } else { 
 e.stopPropagation(); 
 } 
}&n......

阅读全文(2535) | 评论:0

动态改变表格的宽度和起点位置(2007-09-12 11:01:00)

摘要：有时候需要动态改变表格的宽度和起点位置，可以用javascript来实现，代码如下，也可以用此方法更改表格的其他属性
<script language="javascript" type="text/javascript">
<!--
    function onInformation(){
        theNum=parseInt(document.getElementById("layer1").width);
        theNum+=parseInt(document.form1.aaa.value);       
        document.getElementById("layer1").setAttribute("width",theNum);    document.getElementById("layer1").style.left=parseInt(document.getElementById("layer1").style.left.replace("px",""))+100;
  }
-->
</script>
<div id="la">
    <table width="100" height="300" id="layer1" style="LEFT: 200px; TOP:60px;POSITION: absolute;">
    <form name="form1" method="post">
        <tr height="20">
  ......

阅读全文(3556) | 评论:0

在IE和FF中表格某一行隐藏的代码(2007-08-31 14:42:00)

摘要：今天在做表格隐藏的时候，使用以下代码：
<table width=300 border=1>
<tr>
<td align=right width="30%">&nbsp;</td>
<td><input type="radio" name="f" onclick="qw(1)">打开&nbsp;<input type="radio" name="f" onclick="qw(0)" checked>隐藏</td>
</tr>
<tr id="bcde" style="display:none">
 <td align="right">显示</td>
 <td>显示</td>
</tr> </table>
<script language="javascript">
function qw(id)
{
  if (id==1)
  {
   document.getElementById("bcde").style.display="block";
  }
  else
  {
    document.getElementById("bcde").style.display="none";
  } 
}
</script>
出现的问题是：IE中浏览的效果正常，是我想要的，但是，拿到FF中，效果就不是我想要的。
在此感谢网友sion，他告诉我：firefox里tr的display应该是table-row，然后给出了代码：
<table width=300 border=1>
  <tbody>
<tr>
<td align=right width="20%">&am......

阅读全文(3641) | 评论:0

html页面传值问题(2007-08-21 07:46:00)

摘要：有时候在浏览网页的时候会发现：有的网站用html来传值，根据传值的不同显示不同的内容。其代码
  <script language="JavaScript" type="text/javascript">
  <!--
  str=location.href; //获取本页url地址
  arr=str.split("?");
  str1 = arr[1];
  arr1=str1.split("=");
  alert(arr1[0]);
  alert(arr1[1]); //得到这两个值后,要显示的内容可能通过ajax或iframe来获取了
  //-->
  </script>......

阅读全文(4827) | 评论:0

动态改变div的z-index属性(2007-08-13 13:07:00)

摘要：<script   language="javascript">  
  var   MAX_INDEX=4;  
  function   change(ddd)  
  {  
  if(ddd.style.zIndex<=   MAX_INDEX)  
  {  
  ddd.style.zIndex   =   MAX_INDEX+1;  
  MAX_INDEX++;  
  }  
  }  
  </script>  
  <div id="layer1" onclick="javascript:change(this);"  style="position:absolute;margin-left:100;margin-top:50px;margin-=100;width=100;height=100;background-color:#ff0000;z-index:1"></div>  
  <div id="layer2"   onclick="javascript:change(this);"   style="position:absolute;margin-left:120;margin-top:60px;margin-=120;width=100;height=100;background-color:#00ff00;z-index:2"></div>  
  <div id="layer3" ......

阅读全文(7560) | 评论:0

带有关闭按纽的对联广告(2007-07-18 14:22:00)

摘要：像新浪网站一打开后，左右两侧出现各一个flash广告
index.html
<html>
<head>
<title>带有关闭的对联广告代码</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>
  <script language=JavaScript src="ad-02.js"></script>
</p>
</body......

阅读全文(3239) | 评论:0