当鼠标移动到一超连接时 触发一个窗口 怎么实现

dschaicjh 2007-12-06 05:46:22
因为产品种类太多,不方便全例出来。所以用另一个页面例出所以产品,点击超连接进入这个页面。
当这样做不是很方面。我能不能用一个窗口来例出所以产品的连接呢。 就是当鼠标移动到一超连接时 触发一个窗口 如果我点击就进入所有产品类表的页面。我也可以在被触发的窗口中
选择我要找到产品类型。 就想http://www.amazon.cn/一样。只要鼠标移动到所以21类商品中就打开一个选择的窗口。


谢谢~~~~~~~~~~
...全文
160 9 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
xp1056 2007-12-29
  • 打赏
  • 举报
回复
回去试试


byteh 2007-12-10
  • 打赏
  • 举报
回复
页面html中预先定义一个div 设为隐藏
用onmouseover事件触发函数,然后用层显示
yixianggao 2007-12-07
  • 打赏
  • 举报
回复
就想http://www.amazon.cn/一样
这个俺办不到,动态效果做不出来,给个简单实现还可以,L@_@K
<!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>
<title>dhtml.div.simpleMenuBoard.html</title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="yixianggao@126.com" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
<style type="text/css">
.board
{
display: none;
position: absolute;
border: 1px solid red;
width: 100px;
background-color: #eeeeff;
}
</style>

</head>
<body>
<a id="aProducts" href="#">21 种产品</a><br />
<div id="div1" class="board">
<a href="#">产品 01</a><br />
<a href="#">产品 01</a><br />
<a href="#">产品 01</a><br />
<a href="#">产品 01</a><br />
</div>
<span>
特价商品展示01<br />
特价商品展示01<br />
特价商品展示01<br />
特价商品展示01<br />
特价商品展示01<br />
特价商品展示01<br />
特价商品展示01<br />
特价商品展示01<br />
特价商品展示01<br />
</span>
<script type="text/javascript">
<!--
var hiddenId;
var iMilliSeconds = 500;
function hiddenBoard()
{
div1.style.display = "none";
}
aProducts.onmouseover = function()
{
div1.style.display = "block";
}
aProducts.onmouseout = function()
{
hiddenId = window.setTimeout(hiddenBoard, iMilliSeconds);
}
div1.onmouseover = function()
{
window.clearTimeout(hiddenId);
}
div1.onmouseout = function()
{
hiddenId = window.setTimeout(hiddenBoard, iMilliSeconds);
}
//-->
</script>
</body>
</html>
方健的专栏 2007-12-07
  • 打赏
  • 举报
回复
用onmouseover事件触发函数,然后用层显示
tyb1222 2007-12-07
  • 打赏
  • 举报
回复
在超链接中加个onmouseover事件就行了撒...
gnimgnot 2007-12-06
  • 打赏
  • 举报
回复
onmouseover id.style.display
xuStanly 2007-12-06
  • 打赏
  • 举报
回复
那个不是窗口,是个层啊
用<a>标签的onmouseover事件触发后修改相应<div>的style.display属性即可。
yedsky 2007-12-06
  • 打赏
  • 举报
回复
用Dreamweaver 行为里的现实隐藏和效果 就可以实现
bvtc_liguoyuan 2007-12-06
  • 打赏
  • 举报
回复
friend up.

61,128

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧