div切换

最新推荐文章于 2024-04-11 05:37:43 发布

小流_跬步

最新推荐文章于 2024-04-11 05:37:43 发布

阅读量493

点赞数

分类专栏： html5 文章标签： div切换

本文链接：https://blog.csdn.net/zhongyuan_1990/article/details/32331585

版权

html5 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="utf8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'tabDiv.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  
  <body>
   <ul style="margin: 0; background-image: url('Images/ForeImg/maintitle.gif'); background-repeat: no-repeat;
                                            width: 100%; height: 22px; padding-top: 5px;">
                                            <li class="listyle" id="switch_div_1" οnmοuseοver="switchDiv(this)"><a href="javascript:void(0)" mce_href="javascript:void(0)"
                                                class="highlight" target="_blank">最新资讯</a></li><li class="listyle" id="switch_div_2"
                                                    οnmοuseοver="switchDiv(this)"><a href="javascript:void(0)" mce_href="javascript:void(0)" target="_blank" class="highlight">
                                                        精品推荐</a></li></ul>
<div id="div_1">
</div>
<div id="div_2" style="display:none" mce_style="display:none">
<script type="text/javascript">
function switchDiv(obj)
   {
        var idname=new String(obj.id);
        var s=idname.indexOf("_");
        var e=idname.lastIndexOf("_");
        var id=parseInt(idname.substr(e+1,1));
        var divname=idname.substring(s+1,e);
        var divnum=obj.parentNode.childNodes.length;
     
        for( var i=1;i<=divnum;i++)
        {
           
            if(id==i)
                document.getElementById(divname+"_"+id).style.display="block";
            else
                document.getElementById(divname+"_"+i).style.display="none";
        }
   }
</script>


  </body>
</html>

小流_跬步

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
div切换

<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> My JSP 'tabDiv.jsp' starti
复制链接

扫一扫