62,052
社区成员
发帖
与我相关
我的任务
分享鼠标放到链接上，弹出个提示页面，像这样的提示页面，怎么做
...全文
请发表友善的回复…
发表回复
种草德鲁伊 2011-05-23
- 打赏
- 举报
不懂，帮顶。
Jenf_Mu 2011-05-23
- 打赏
- 举报
[Quote=引用 12 楼 wxr0323 的回复:]
代码
[/Quote]
我哪做错了吗，什么效果都没有
<!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></title>
<style type="text/css">
#blockCity{ position:absolute;font-size:9pt; background-color:#FFFFCC; padding:5px; border:1px solid #F5C66B;line-height:160%; width:300px; display:none;}
#blockCity a
{
color:#000000;
font-size:9pt;
text-decoration:none;
}
#blockCity a:hover
{
font-size:10pt;
border-bottom:dashed 1px #000000;
}
#blockCity table
{
border:1px dotted #F5C66B;
}
#blockCity table td
{
width:40px;
text-align:center;
}
</style>
<script type="text/javascript">
function selStation(locationid) {
var Obj = document.getElementById("blockCity");
document.getElementById("blockCity").innerHTML = "";
for (var i=0;i < onecount; i++){
if (subcat[i][1] == locationid)
{
document.getElementById("blockCity").innerHTML += subcat[i][0]+"<br />";
document.getElementById("blockCity").style.left = event.x;
document.getElementById("blockCity").style.top = event.y + document.documentElement.scrollTop - 40;
document.getElementById("blockCity").style.display = "block";
}
}
}
function cshow(){
document.getElementById("blockCity").style.display="block";
}
function chide(){
document.getElementById("blockCity").style.display="none";
}
</script>
<script type=text/javascript>
var onecount;
onecount=0;
subcat = new Array();
subcat[0]=new Array('你要显示的内容','类似ID，通过这个变量来进行查找');
onecount=1;
</script>
</head>
<body>
<div>
<a href="#" onmouseover="selStation('blockCity');" onmouseout="chide();" >查看我隐藏的DIV</a>
<div id="abc">
</div>
<div id="blockCity">
abcdddddddddddddddddd
efghhhhhhhhhhhhhhhhhhh
</div>
</div>
</body>
</html>
代码
[/Quote]
我哪做错了吗，什么效果都没有
<!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></title>
<style type="text/css">
#blockCity{ position:absolute;font-size:9pt; background-color:#FFFFCC; padding:5px; border:1px solid #F5C66B;line-height:160%; width:300px; display:none;}
#blockCity a
{
color:#000000;
font-size:9pt;
text-decoration:none;
}
#blockCity a:hover
{
font-size:10pt;
border-bottom:dashed 1px #000000;
}
#blockCity table
{
border:1px dotted #F5C66B;
}
#blockCity table td
{
width:40px;
text-align:center;
}
</style>
<script type="text/javascript">
function selStation(locationid) {
var Obj = document.getElementById("blockCity");
document.getElementById("blockCity").innerHTML = "";
for (var i=0;i < onecount; i++){
if (subcat[i][1] == locationid)
{
document.getElementById("blockCity").innerHTML += subcat[i][0]+"<br />";
document.getElementById("blockCity").style.left = event.x;
document.getElementById("blockCity").style.top = event.y + document.documentElement.scrollTop - 40;
document.getElementById("blockCity").style.display = "block";
}
}
}
function cshow(){
document.getElementById("blockCity").style.display="block";
}
function chide(){
document.getElementById("blockCity").style.display="none";
}
</script>
<script type=text/javascript>
var onecount;
onecount=0;
subcat = new Array();
subcat[0]=new Array('你要显示的内容','类似ID，通过这个变量来进行查找');
onecount=1;
</script>
</head>
<body>
<div>
<a href="#" onmouseover="selStation('blockCity');" onmouseout="chide();" >查看我隐藏的DIV</a>
<div id="abc">
</div>
<div id="blockCity">
abcdddddddddddddddddd
efghhhhhhhhhhhhhhhhhhh
</div>
</div>
</body>
</html>
lct8224 2011-05-23
- 打赏
- 举报
你给的这个网站，别人的代码已经写了，你自己可以用别 人写好的代码呀（读懂别人的代码也是一个学习的过程呀）！！！自己搞好了，修改成你想要的样式不就可以了嘛？
令狐苦瓜 2011-05-23
- 打赏
- 举报
<asp:LinkButton ToolTip="提示信息"></asp:LinkButton>
蝶恋花雨 2011-05-23
- 打赏
- 举报
记得网上有这个功能的实例
挨踢直男 2011-05-23
- 打赏
- 举报
一个javascript效果啊 可能直接把那个网页上的代码给拿过来用
zhangwuji154 2011-05-23
- 打赏
- 举报
http://www.jzxue.com/Html/daima/2007/4/8042308969.html
师太请留步 2011-05-23
- 打赏
- 举报
这个需要你有详细的页面，然后再写一个层用来显示这些数据，把这个层的显示方法用JQ写在链接的onmouseover事件中
一片冰心在玉壶 2011-05-23
- 打赏
- 举报
JQuery+Css
onmouseover
搜索层的显示隐藏
onmouseover
搜索层的显示隐藏
新时代新目标新征程 2011-05-23
- 打赏
- 举报
处理连接的onmouseover事件，在事件里面添加显示层的代码。
Jenf_Mu 2011-05-23
- 打赏
- 举报
请给一些代码吧，不要那么简单的，我为什么贴图片？就是想要它那么好的效果
Tragedy 2011-05-23
- 打赏
- 举报
处理连接的onmouseover事件，这个事件可以处理.
zaobanche 2011-05-23
- 打赏
- 举报
JQuery+Css
Lisliefor 2011-05-23
- 打赏
- 举报
定义a标签的title属性就可以了。
<a href="#" title="点我">点我</a>
<a href="#" title="点我">点我</a>
liuwei2500 2011-05-23
- 打赏
- 举报
处理连接的onmouseover事件，在事件里面添加显示层的代码。
IT0329 2011-05-23
- 打赏
- 举报
