鼠标悬停 显示asp动态层
作者&投稿:孛顺 (若有异议请与网页底部的电邮联系)
应该是将
javastr=javastr+"·\" target=\"_blank\">"
改为
javastr=javastr+"·\" target=\"_blank\" title="">"
服务器控件给ToolTip加内容
HTML控件给title加内容
我理解你的意思,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啦。代码自己想想吧。
不懂
难啊
党奚富山: 这个问题还是用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:...