鼠标悬停 显示asp动态层

作者&投稿:孛顺 (若有异议请与网页底部的电邮联系)
asp动态网站实现鼠标悬停时显示文章的全部标题~

应该是将
javastr=javastr+"·\" target=\"_blank\">"
改为
javastr=javastr+"·\" target=\"_blank\" title="">"

服务器控件给ToolTip加内容

HTML控件给title加内容

问题可能在<div id="layer"&temp ...这个DIV的id上

我理解你的意思,temp是ASP的变量,不同的记录条目使用不同id的动态层,在层里显示这个条目的相关信息。

首先使用ASP变量来命名HTML元素应该这样写<div id="layer<%=temp%>">
还有在javascript代码中
document.getElementById("layer"&temp)...你无法定位到DIV,因为document中没有id为"layer"&temp的div,如果你要在javascript中使用变量,你可以在<a ..>中的onmouseover事件中将ASP变量temp作为参数传递到javascript中,而且你光有onmouseover事件没有onmouseout事件,当你的鼠标移出目标范围呢,悬停的DIV岂不是一直显示?

所以你的代码应该这样写:
<script>
function show(j_temp){

var timer=null;
var DelayTime=500; //2000毫秒
clearTimeout(timer);
var eventX,eventY;
eventX=event.clientX;
eventY=event.clientY;
timer=setTimeout("show2("+eventX+","+eventY+",'"+j_temp+"')",DelayTime);
}

function show2(eventX,eventY,j_t){

document.getElementById("layer"+j_t).style.display = '';
document.getElementById("layer"+j_t).style.left=eventX+10;
document.getElementById("layer"+j_t).style.top=eventY+10;
}

function hide(j_t){
document.getElementById("layer"+j_t).style.display = 'none';
}

</script>

<a href="view.asp?id=<%=temp%>" title="<%=memo(temp)%>" target="_blank" onmouseover="show('<%=temp%>')" onmouseout="hide('<%=temp%>')">
<div id="layer<%=temp%>" style="position:absolute; width:200px; height:115px; z-index:1; visibility: hidden; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000;"><%=memo(temp)%></div>
<%=left(memo(temp),8)%> </a>

其实可以使用更简单的方式实现:
使用同一个悬停DIV,根据不同的记录条目,显示不同的位置和innerHTML就OK啦。代码自己想想吧。

不懂
难啊


盐湖区17264548580: asp 中onmouseover的使用 -
党奚富山: 这个问题还是用JS配合CSS显示隐藏来解决吧 思路可以有几种:一是先把样式写好,你要表示的层里面就己经读取了数据库的字段,但使用CSS的DISPLAY的NONE属性隐藏,当使用onmouseover时,改变CSS的样式为BLOCK.二是写好两个样式,一个是隐藏的样式,另一个是显示的样式,用JS更改DIV的CLASS名称达到效果 如果要在鼠标移到时才读取数据库字段,那就要用到AJAX技术来获取相应数据了.

盐湖区17264548580: asp页面服务端控件如何设置鼠标悬浮样式 -
党奚富山: 用css就可以控制了,为要设置鼠标样式控件上加上css里的cursor属性就可以了,有关css cursor属性值可以百度一下

盐湖区17264548580: asp.net2.0 OnMouseHover怎么用?或说如何实现“鼠标悬停时显示相关信息“ -
党奚富山: 用a:hover 用OnMouseHover改变后,还要用onmouseover改回来实现悬停,麻烦 用a:hover,不过要注意一下a:hover的bug http://blog.csdn.net/alexpengster/archive/2007/03/08/1524560.aspx

盐湖区17264548580: asp+js 鼠标悬停图片上,显示相关内容 -
党奚富山: 这个,似乎单单asp够呛 应该使用svg或者swf更恰当

盐湖区17264548580: 当鼠标移到这里就显示一个层 并从数据库加载数据,怎么在asp.net页面实现? -
党奚富山: 通过onmousemove事件 在这个事件里写代码就行了

盐湖区17264548580: 鼠标悬停层,根据层的值ajax动态返回新的层,层中显示新的信息 -
党奚富山: 不用ajax行不. --每个商品附近一个隐藏的层. 加载页面的时候就查出所有的信息,放到那个层里面,然后先让那个层隐藏. 等鼠标上去了在显示那个详细信息层就好了,鼠标走了在隐藏就好了.

盐湖区17264548580: 鼠标悬浮事件? -
党奚富山: 是asp还是asp.NET

盐湖区17264548580: ASP中如何触发"层"的显示?本人初学者,请多指教
党奚富山: 可以利用css+js来实现这样的功能,在你的层上定义一下:display="none" 当鼠标点击时,display="" 显示该层 function s(c_Str){ if($(c_Str).style.display=='none'){ $(c_Str).style.display=''; }else{ $(c_Str).style.display='none'; } }

盐湖区17264548580: asp,vb中如何实现鼠标经过显示隐藏层,离开不显示
党奚富山: 直接用CSS就可以实现上面的效果,你可以去 http://www.cssplay.co.uk/ 看看

盐湖区17264548580: asp.net
党奚富山: 看不懂了再补充. 这种菜单就是联动的呀. 主菜单显示,然后鼠标悬停会出现二级菜单,依次类推. <form runat="server"> <asp:Menu ID="Menu1" runat="server"> <Items> <asp:MenuItem Text="新建项" Value="新建项"> <asp:...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网