Question

picturebox中的图片处理问题

要的效果就是，当鼠标滑入到picturebox中显示文字（介绍图片的），并且原有的图片蒙上一层阴影。图片有多张遍历出来的，并且是滚动显示出来的。我的思路就是做两张图片，一张是图片，另一张是蒙上阴影的图片和介绍，当鼠标滑入到picturebox的时候显示蒙上阴影的图片，可是问题来了，我的图片是遍历出来的，怎么去找那个对应的图片。

我有测试项目，知道的帮我看看啦

Answer 1

这个类似于动态遮罩层的效果
你遮罩层可以是一个，但层内套用的文字介绍必须是动态的，可以用带有ID的<span>标记展示
思路就是当你遍历图片的时候或者同时把介绍的文字都取出来,放到隐藏域
在鼠标划入的时候,取到对应的图片的ID,通过ID去动态在隐藏域中寻找对应的介绍并给<span>标记赋值，但这方法的不推荐的，因为如果图片太多，你页面内的隐藏域要存很多东西，很麻烦

好的方法就是在鼠标的划入悬停事件中，通过ajax去异步请求介绍数据，传入图片ID去数据库找图片介绍，返回介绍后，加载给<span>标记，就可以实现动态效果。

我帮你大概写一下就是，鼠标悬停在pictureBox上，触发事件到后台的指定页面的指定方法中去获取数据并返回，如果返回了数据，则给span标记赋值，如果没有返回数据，则给span标记写一个“暂无数据”

$("#pictureBox").hover(function (){
$.ajax({

type: "GET", //AJAX提交方式为GET提交
url: "/StatisticalQuery/SinglePharmacyDataGetMore", //处理页的URL地址
data: { pictureID: $("#pictureID").val() }, //要传递的参数
dataType: 'html',
success: function (data) {
if (data !== "") {
$("#span").val(data);
}
else {
$("#span").val("暂无介绍");
}
},
error: function (obj, errormsg, errorobj) {
alert("出现错误：" + errormsg + obj.responseText);
}

});
});
大概就是这样,比较简单,可以自己实测。

追问

谢谢你的回答，我忘记说明的了我用的是winform写的

追答

与那个关系不大，而且winform中也可以嵌套CS程序的，winform中有一个webBrowser控件，可以直接加载CS程序，这样可以大大的提高程序的灵活性，毕竟BS架构中很多新的前端特效没办法实现。

追问

我不想搞那么复杂，然后我直接在picturebox加了一个lable显示文字的。但是绘制阴影那部分有点问题，能帮我看看代码么？

追答

因为我们最近几年的东西都是以CS架构为主的，说实话用BS去实现遮罩层这种效果确实有局限性且不够灵活，我手头也没有具体的实例。

因为CS架构只需要一个DIV+SPAN即可实现。
BS需要另外一个半透明的图片，再放上去lable才可能实现这个效果。也就是说图片加载的时候是正常的，鼠标放上去之后，隐藏的，或者叠加在后边的图片控件和lable控件展示（或者z-index提前）出来，如果真要用BS去做的话，必须在遍历图片的时候，至少把lable的内容也读取出来并赋值，只是在鼠标悬停的时候去展示，鼠标离开后隐藏半透明图片和lable（或者调整其属性 z-index）。

Answer 2

在鼠标悬停事件函数中设置图片效果和TOOLTIP

追问

嗯嗯，这个我也考虑过，但是图片效果我不知道怎么整，卡这里了。还有一个问题就是，当出现图片变动的时候，使用tooltip，那文字就不会变了，文字只要是介绍图片的