如何实现下面的功能
如下所示:
首页 图书查询 推荐图书 热点图书 查看购物车 读者反馈 会员登录
字段查询| 分类查询| 索引查询
其中:字段查询| 分类查询| 索引查询是 "图书查询 "的子菜单,现在要实现当鼠标在 "图书查询 "处时出现这三个子菜单,当鼠标移走时隐藏这三个子菜单,请各位帮帮忙
因为涉及到JAVASCRIPT,二这方面的我没学过,所以请您在帮我解决问题的时候能不能尽量讲的详细些,万分的感谢
希望尽快得到答复,因为已经困扰我很久了
------解决方案--------------------你去网上搜一下“网页特效精灵”上面有类似的,你可以参考以下
------解决方案--------------------DIV+CSS能实现这种效果的,
blog上放的有几个例子,你看下。
http://www.hmilyld.cn/read.php?372
------解决方案--------------------: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<style type= "text/css ">
<!--
.STYLE3 {font-size: 13px}
body {
background-image: url(e273f9f2daaf568e7942d546987091c4.jpg);
}
-->
</style>
<script language= "javascript ">
function show(){
div.style.display= "block ";
}
function hide(){
div.style.display= "none ";
}
</script>
</head>
<body>
<span class= "STYLE7 ">
<span class= "STYLE8 STYLE3 "> 首页
<a href= "# " onmouseover= "show() " onmouseout= "hide() "> 图书查询 </a>
推荐图书 热点图书 查看购物车 读者反馈 会员登录 </span>
</span>
<div id= "div " class= "hidd " style= "display:none; ">
<a href= "books_select.jsp " target= "mainFrame " style= "font: '华文隶书 ' "> <font size= "2 "> 字段查询 </font> </a>
<a href= "disselect.jsp " target= "mainFrame " style= "font: '华文隶书 ' "> <font size= "2 "> 分类查询 </font> </a>
<a href= "indselect.jsp " target= "mainFrame " style= "font: '华文隶书 ' "> <font size= "2 "> 索引查询 </font> </a>
</div>
</body>
</html>
------解决方案-------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>