如何实现,当鼠标移到一张图片上时,显示出一段文字,移走后,不显示这段文字.
<img src="test.jpg" title = "test"/>
在IE下没有问题,但是在fireFox下只显示部分,不能完全显示,请问有什么解决方法吗 ?
<img src="test.jpg" title = "test"/>
在IE下没有问题,但是在fireFox下只显示部分,不能完全显示,请问有什么解决方法吗 ?
显示的内容是 :test.
<img src="" alt="">
<HTML>
<body>
<a href="www.sina.com" id="i" onmouseover="show(this)" onmouseout="hide()">免费电影</a>
<div id="m" style="BORDER-RIGHT:black 1px solid;PADDING-RIGHT:20px;BORDER-TOP:black 1px solid;PADDING-LEFT:20px;Z-INDEX:100;VISIBILITY:hidden;PADDING-BOTTOM:20px;BORDER-LEFT:black 1px solid;WIDTH:80px;PADDING-TOP:20px;BORDER-BOTTOM:black 1px solid;POSITION:absolute"
onmouseover="show(i)" onmouseout="hide()">
<img src="meng.jpg"></img>
</div>
<script>
function show(o){
var m=document.getElementById("m")
m.style.pixelLeft=getL(o)
m.style.pixelTop=getT(o)+o.offsetHeight
m.style.visibility=''
}
function hide(){
document.getElementById("m").style.visibility='hidden'
}
function getL(e){
var l=e.offsetLeft;
while(e=e.offsetParent){
l+=e.offsetLeft;
}
return l
}
function getT(e){
var t=e.offsetTop;
while(e=e.offsetParent){
t+=e.offsetTop;
}
return t
}
</script>
</body>
</HTML>
<br>或者<img src="http://www.csdn.net/Images/logo_csdn.gif" onmouseover="document.getElementById('msg').style.display=''" onmouseout="document.getElementById('msg').style.display='none'">
<div id="msg" style="display:none;border:1px solid #000000">
你要显示的内容
</div>
public string GetPerSonDepName(string strCount)
{
string strReturnDepName = "";
SqlParameter[] pamSearch = {
new SqlParameter("@chrUserNo", SqlDbType.VarChar,8, ParameterDirection.Input, true, 0, 0, null, DataRowVersion.Current,strCount)
};
DataView dsFile = objDB.GetDataView("存储过程", pamSearch);
if (dsFile.Table.Rows.Count > 0)
{
strReturnDepName = dsFile.Table.Rows[0][0].ToString();
}
return strReturnDepName;
}
上面的strCount在前台用你的数据库主要字段来代替,比如唯一的编号,存储过程中就根据这个主要字段去查找你想要显示出的内容,这个方法很有用哦!~<asp:TemplateField HeaderText="内容">
<ItemTemplate>
<img alt='<%#GetPerSonDepName(Eval("唯一的编号").ToString())%>'>
<%#GetPerSonDepName(Eval("唯一的编号").ToString())%>
</img>
</ItemTemplate>
</asp:TemplateField>