Question

鼠标移到gridview上动态显示图片

Answer 1

js代码：
$(document).ready(function(){
$tr.hover(function(){ //为 行 加事件
mouseOver(this);
},function(){
mouseOut(this);
});
});

function mouseOver(tr) //鼠标移入
{
var path = $(tr).attr("picpath"); //图片路径
var $img = $("<img src='"+path+"'/>");
$img.css("position","absolute").css("z-index","9").hide();

$(tr).find(".piccontainer").append($img);

$img.fadeIn(1000);
}
function mouseOut(tr) //鼠标移出
{
var txt = $(tr).find(".piccontainer").text();
$(tr).find(".piccontainer").text(txt);
}

后台Gridview的RowDataBound事件中
if (e.Row.RowType == DataControlRowType.DataRow)
{
if (e.Row.RowState == DataControlRowState.Alternate || e.Row.RowState == DataControlRowState.Normal)
{
// 其他的代码
// string path=从数据库中查出;
e.Row.Attributes.Add("picpath", path); //path为数据库中存放的各个记录的图片路径
}
}

追问

$(document).ready(function(){
$tr.hover(function(){ //为 行 加事件
mouseOver(this);
},function(){
mouseOut(this);
});
});

不要$怎么改啊？

追答

// 其他的代码
// string path=从数据库中查出;
e.Row.Attributes.Add("picpath", path); //path为数据库中存放的各个记录的图片路径
e.Row.Attributes.Add("onmouseover", "mouseOver(this)"); //为行加事件
e.Row.Attributes.Add("onmouseout", "mouseOut(this)"); //为行加事件

追问

$这个不就是代表你用jquery啊，我就是不想用jquery

追答

奥 那就把所有的 $(tr).attr("picpath"); 换成 tr.getAttribute("picpath")
显示图片的时候就用 document.getElementById("divid").innerHTML=“”

追问

我还是没懂怎么去掉所有的$ ，先给你最佳答案吧！

Answer 2

楼上回答的很好