Question

我试图在后面的代码中检查鼠标悬停。如果鼠标指向图像，那么它将需要pic 1，否则将需要pic 2.如果有任何代码可以检查鼠标悬停在代码后面？

这是我的代码：

ASPX代码

<img class="pic" src="<%=widget1%>"/>

代码背后：

protected string widget1
{
    get
    {
        if (mousehover==true) 
        {
            return "Pic/pic1.jpg";
        }
        else
        {
            return "Pic/pic2.jpg";
         }
     }
}

任何帮助将不胜感激。谢谢！

Answer 1

背后的代码是服务器端。你可能应该使用 JavaScript / jQuery 。

$("elementName").hover(function () {
    //do work
});

如果你需要从后面的代码中获取一些值，你可以对本地的aspx文件进行ajax调用，比如 api 。

$.ajax({
    url: "/api/GetValue.aspx?isHover=true",
    success: function (filename) {
        //do work
    }
});

示例已经过简化，但您明白了

Answer 2

你无法在后面的代码中检查鼠标悬停。你必须使用javascprit（jquery等）或css

var img1 = 'http://icons.iconarchive.com/icons/paomedia/small-n-flat/1024/sign-check-icon.png';
var img2 = 'https://upload.wikimedia.org/wikipedia/commons/3/35/Information_icon.svg';

$('.pic').hover(function() {
    $('.pic').attr("src",img2);
});

$('.pic').mouseleave(function() {
    $('.pic').attr("src",img1);
});

https://codepen.io/piscu/pen/MOrXjY

我们可以使用if / else来检查C＃asp.net后面的代码吗？

2 个答案: