有人可以帮助我吗？我在弄清楚如何实现脚本时遇到麻烦，当您单击任何个人资料图片时，它将显示一个履历，有点像这样：https://vestar.com/company/leadership/我只需要在jquery中至少有一个示例脚本，然后从那里我将处理其余的。目前，这是我使用与Google搜索不同的脚本得出的结果：http://derek.phgserver1.com/leadership/我还需要具有以下功能：当您将鼠标悬停在图片上并单击时，它会像https://vestar.com/company/leadership/切换到其网站一样进行切换。我希望这里有人可以帮助我。谢谢
FadeToggle可以完成您的工作 $(document).ready(function(){
$("button").click(function(){
var id = this.id;
$(".bio").not("#"+id+"div").hide();
$("#"+id+"div").fadeToggle();
});
$(document).on("click", function (e) {
if (!$(e.target).is("button")) {
$(".bio").fadeOut();
}
});
});button{
width:50%;
float:left;
}
div{
width:100%;
height:100px;
background-color:lightgrey;
display:none;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<button id="first">First</button>
<button id="second">Second</button>
<br><br><br>
<div id="firstdiv" class="bio">Hello First World Bio</div>
<div id="seconddiv" class="bio">Hello Second World Bio</div>
</body>将灰度转换为彩色的另一个问题将通过简单的css属性filter完成。编辑2：添加的新功能图像将转换为rgb，直到用户单击文档中的任何位置。
$(document).on("click", function (e) { if (!$(e.target).is("img")) { $("img").css("filter","grayscale(100%)"); } }); $("img").hover(function(){ $(this).css("filter","grayscale(0%)"); });img { filter: gray; /* IE6-9 */ filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ transition-duration:0.2s; width:100px; height:100px; }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <img src="yourpiclink.png" />只需在img标签中添加图像链接
第二秒钟您可以使用
$("your picture selector").hover(function(){ $("your picture selector").animate({
filter: grayscale(100%); }); });
或反之亦然$("your picture selector").hover(function(){ $("your picture selector").animate({ filter : grayscale(0%) }); });
您可以使用本教程：