就一个js弹出层的效果，很急【求大家快来帮忙~非常感谢】

本帖最后由 lc1026602440 于 2010-09-17 17:29:21 编辑

解决方案 »

  1.   

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%
    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>sdfsfsdf</title>  </head>
       <table height="600" width="500" >
       <tr>
       <td>
      
       <a href="#" id="one">学校概况</a>
       <a href="#" id="two">2</a>
       <a href="#" id="three">3</a>
       </td>
      
       </tr>
      
       </table>
      <body>
      </body>
    </html>
    <script>
    if (mtDropDown.isSupported()) {
    var ms = new mtDropDownSet(mtDropDown.direction.down, 0, 0, mtDropDown.reference.bottomLeft);
    var one = ms.addMenu(document.getElementById("one"));
    <s:set name="m1list" value="#oapubdata.getPubdata('titleone')" />
    <c:forEach items="${m1list}" var="info" varStatus="loop">
    one.addItem("${info.name}", "${info.classname}");
    </c:forEach>
    one.addItem("学校简介", "http://********");
    one.addItem("校园导游", "http://********");
    one.addItem("现任领导", "http://********");
    one.addItem("历任领导", "http://********");
    one.addItem("领导题词", "http://********");
    one.addItem("学校沿革", "http://********c");
    one.addItem("统计资料", "http:********");
    }</script>
    你看行不行
      

  2.   

    用YUI试一下吧，里面封装了很多JS的技术，很好用的。这里面也有很多CSS的：http://extjs.org.cn/extjs/examples/LZ感兴趣的话可以加入59673719（IT精英群），大家可以相互交流意见，共同进步。
      

  3.   

    <a href="#" onmouseover="showDIV()">学校概况</a><script>function showDIV(){
    document.getElementById("div1").style.display="block";
    }
    </script>
      

  4.   

    被弹出的层，应该是这样的<div id="line2" >
      <div class="child" id="sub1" ></div>
      <div class="child" id="sub2" ></div>
      <div class="child" id="sub3" ></div>
    ...
    </div>在父导航中，<a onmouseover"showSub(i)" />function showSub(i){
    var oo=document.getElementById('line2').childNodes;
    for(i=0;i<oo.length;i++){
    if(oo[i].className=='child')oo[i].className='hideIt';
    if(oo[i].className=='showIt')oo[i].className='hideIt';
    }
            document.getElementById('sub'+i).className='showIt';
    }如果你看不懂我写的，我会郁闷的
      

  5.   

    是jQuery啊 自带了很多动画效果