gpt4 book ai didi

c# - 当鼠标悬停在图像上时显示带有 linkbutton 的 div

转载 作者:行者123 更新时间:2023-11-28 13:17:38 37 4
gpt4 key购买 nike

我使用下面的代码在 div 中显示 linkbutton,当它点击时应该转到该链接。这对我来说不正确。我尝试了下面的代码。只需检查并告诉我哪里错了。当用户回答任何问题时,它在这个站点上运行良好,我们将鼠标悬停在该用户图像上,我们得到了他/她的个人资料,还有一个链接可以查看他们的个人资料。正是这个概念与我正在搜索的相同,所以请帮助。

        <!DOCTYPE html>
<html>
<head>

<title></title>
<style>
div.out { width:40%; height:120px; margin:0 15px;
background-color:#D6EDFC; float:left; }
div.in { width:60%; height:60%;
background-color:#FFCC00; margin:10px auto; }
p { line-height:1em; margin:0; padding:0; }

</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<form id="form1" runat="server">

<img src="Images/orderedList2.png" id="actionImage" />
<div class="out overout">
<span>move your mouse</span>
<div class="in">
<p>The function bigImg() is triggered when the user moves the mouse pointer over the image.</p>
<a href="www.google.com" id="A1" class="target">www.google.com</a>
</div>
</div>
<div class="out enterleave">
<span>move your mouse</span>
<div class="in" >
<p>The function bigImg() is triggered when the user moves the mouse pointer over the image.</p>
<a href="www.google.com" id="url" class="target">www.google.com</a>
</div>
</div>
<script type="text/javascript">

$('#actionImage').mouseover(function (e) {
$("div.enterleave").show();
$('#actionImage').mouseout(function () {
$("div.enterleave").hide();

});
});

$("div.enterleave").mouseenter(function () {
$(this).show();
}).mouseleave(function () {
$(this).hide();
});

</script>


</form>
</body>
</html>

最佳答案

地址错误您应该将请求的协议(protocol)放在地址上,而不仅仅是地址。因此,您需要像这样更改标记中的 href 参数:

<a href="http://www.google.com" id="A1" class="target">www.google.com</a>
<a href="http://www.google.com" id="url" class="target">www.google.com</a>

要了解有关协议(protocol)的更多信息,我建议如下

http://computernetworkingnotes.com/network-technologies/protocol-tcp-ip-udp-ftp-tftp-smtp.html

通用协议(protocol)

端口号 - 服务
80 - HTTP
21 - FTP110 - POP3
25 - SMTP
23 - 远程登录

关于c# - 当鼠标悬停在图像上时显示带有 linkbutton 的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14895396/

37 4 0
文章推荐: jquery - 顶部 : 100% instead of top: 0 (mathematical issue? )
文章推荐: html - wp-accordion slider css 错误地使字体在 IE9 中显得更粗
文章推荐: css - 如何在另外两个下安排一个
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com