注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

牛腩js视频教程实例代码-2  

2010-01-14 09:56:05|  分类: js代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

牛腩js视频教程实例代码-2

下拉列表一
<form action="" method="post" name="form1" >
  <select name="select1">
    <option value="111">111</option>
    <option value="222" selected>222</option>
    <option value="333">333</option>
    <option value="444">444</option>
  </select>
</form>

 

下拉列表二

<form action="" method="post" name="form2">
  <select name="select2" size="3" multiple>
    <option value="1111">1111</option>
    <option value="2222">2222</option>
    <option value="3333">3333</option>
    <option value="4444">4444</option>
    <option value="5555">5555</option>
    <option value="6666">6666</option>
  </select>
</form><br>


菜单跳转方法一(第10课

<script language="javascript" type="text/javascript">
 function  tiao() {
       var  x=document.form3.select3.value;
       alert(x);
       if   (x=="我的博客") {
             document.form3.action="
http://xuhui-8491.blog.163.com/";
}            else   {
             document.form3.action="
http://xuhui8491.56.com";
}
      document.form3.submit();
}
</script>
<form action="" method="post" name="form3">
  <select name="select3" id="select3";>
    <option value=请您选择网站!>请选择网站</option>
    <option value="我的网易博客">我的博客</option>
    <option value="我的56视频空间">我的视频</option>
  </select>
<input type="button" name="button" id="button" value="跳转" onclick="tiao();"/>
</form><br>

 

菜单跳转方法二(第10课

<script language="javascript" type="text/javascript">
 function  tiao() {
       var  x=document.form4.select4.value;
       alert(x);
       if   (x=="") {
             document.form4.action="
http://xuhui-8491.blog.163.com/";
}            else   {
             document.form4.action="
http://xuhui8491.56.com";
}
      document.form4.submit();
}
</script>
<form action="" method="post" name="form4">
  <select name="select4"id="select4"onChange="tiao();">
    <option value=请您选择网站!>请选择网站</option>
    <option value="我的网易博客">我的博客</option>
    <option value="我的56视频空间">我的视频</option>
  </select>
</form><br>

 

菜单跳转方法三

<script language="JavaScript" type="text/JavaScript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
</script>
<form action="" method="post" name="form5">
  <select name="select5" onChange="MM_jumpMenu('parent',this,0)">
    <option value="" selected>111</option>
    <option value="
http://xuhui-8491.blog.163.com/">网易博客</option>
    <option value="
http://xuhui8491.56.com">56视频空间</option>
    <option value="
http://you.video.sina.com.cn/xuhui8491">新浪播客</option>
  </select>
</form><br>


跳栏(第12课

<script language="javascript"type="text/javascript">
 function  yc() {
    document.getElementById("lanmu").style.display="none";
    document.getElementById("img").innerHTML=" <img src='http://www.7wind.net/wysc/jiangtou/image/081.gif' onClick='xs();'/>";
}
 function  xs() {
    document.getElementById("lanmu").style.display="";
    document.getElementById("img").innerHTML=" <img src='http://www.7wind.net/wysc/jiangtou/image/080.gif' onClick='yc();'/>";
}
</script>
<table width="400" height="300" border="1">
  <tr>
    <td id="lanmu"width="120"align="center">
         <p><a href="#">栏目一</a></p>
         <p><a href="#">栏目二</a></p>
         <p><a href="#">栏目三</a></p>
         <p><a href="#">栏目四</a></p>
         <p><a href="#">栏目五</a></p>
         <p><a href="#">栏目六</a></p>
         <p><a href="#">栏目七</a></p>
         <p><a href="#">栏目八</a></p>
      </td>
    <td width="20"><div align="center"><span id="img"><img src='http://www.7wind.net/wysc/jiangtou/image/080.gif' onClick='yc();'/></span></div>
     </td>
    <td width="260"><div align="center">这里是内容区域!</div></td>
  </tr>
</table><br>

  评论这张
 
阅读(1310)| 评论(8)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017