67,513
社区成员
发帖
与我相关
我的任务
分享就一个js弹出层的效果，很急【求大家快来帮忙~非常感谢】
需求：鼠标浮上去的时候弹出如图片上显示的层
很急，大家快来帮忙，谢谢！！
请各位高手帮忙呀~
...全文
请发表友善的回复…
发表回复
ws_accp_wssoft818 2010-09-18
- 打赏
- 举报
<a href="#" onmouseover="showDIV()">学校概况</a>
<script>
function showDIV(){
document.getElementById("div1").style.display="block";
}
</script>
<script>
function showDIV(){
document.getElementById("div1").style.display="block";
}
</script>
wenlin56 2010-09-18
- 打赏
- 举报
是jQuery啊 自带了很多动画效果
lc1026602440 2010-09-18
- 打赏
- 举报
呵呵，这些事件我是懂的啦，所以呢，你别郁闷，我郁闷的是呢，这个层弹出的样式，弹出层，很简单，但是弹出这样的，我弄不对，所以才请教大家的，希望可以找到一个类似这种样式的一个js，也许我说的不太清楚，害大家误会，大家要是有比较适合这样的例子的麻烦给我参考下…
superman1986 2010-09-18
- 打赏
- 举报
用jQuery应该会比较简单。。
eemean 2010-09-18
- 打赏
- 举报
被弹出的层，应该是这样的
在父导航中，<a onmouseover"showSub(i)" />
如果你看不懂我写的，我会郁闷的
<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';
}
如果你看不懂我写的，我会郁闷的
lc1026602440 2010-09-18
- 打赏
- 举报
那个不行呀……还有吗，调了半天没调出来
wcl_friend 2010-09-17
- 打赏
- 举报
用YUI试一下吧，里面封装了很多JS的技术，很好用的。
这里面也有很多CSS的：http://extjs.org.cn/extjs/examples/
LZ感兴趣的话可以加入59673719（IT精英群），大家可以相互交流意见，共同进步。
这里面也有很多CSS的：http://extjs.org.cn/extjs/examples/
LZ感兴趣的话可以加入59673719（IT精英群），大家可以相互交流意见，共同进步。
fetianlong 2010-09-17
- 打赏
- 举报
<%@ 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>
你看行不行
<%
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>
你看行不行
