博文

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

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

阅读全文(2497) | 评论: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”,体验一下效果。......

阅读全文(3965) | 评论: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>......

阅读全文(3067) | 评论: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>......

阅读全文(4753) | 评论: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();   }  }  </script>  <div onclick="window.open('http://www.google.c......

阅读全文(2736) | 评论: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">            ......

阅读全文(3751) | 评论: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%">&nbsp;</td><td><input type="radio" name="f" onclick="qw(1)">打开&nbsp;<input type="radio......

阅读全文(3853) | 评论: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>......

阅读全文(4989) | 评论: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"   onclick="javascript:change(this);"  ......

阅读全文(8069) | 评论: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></html> ad-02.js var delta=0.8; var collection; var closeB=false; function floaters() { ......

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