Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
需要Jquery的帮助单击配置文件并显示Bio内容_Jquery_Image_Toggle_Jquery Hover - Fatal编程技术网

需要Jquery的帮助单击配置文件并显示Bio内容

需要Jquery的帮助单击配置文件并显示Bio内容,jquery,image,toggle,jquery-hover,Jquery,Image,Toggle,Jquery Hover,有人能帮我吗?我很难理解如何实现一个脚本,当你点击任何一个配置文件图片时,它会显示一个bios,有点像这样:我在jquery中只需要至少一个示例脚本,然后我将处理其余的脚本。目前,这是我用谷歌搜索的另一个脚本想到的:我还需要一个功能,当你将鼠标悬停在图像上并点击时,它将切换,就像对他们的网站所做的一样。我希望这里有人能帮助我。谢谢FadeToggle可以完成您的工作 $(文档).ready(函数(){ $(“按钮”)。单击(函数(){ var id=this.id; $(“.bio”).not

有人能帮我吗?我很难理解如何实现一个脚本,当你点击任何一个配置文件图片时,它会显示一个bios,有点像这样:我在jquery中只需要至少一个示例脚本,然后我将处理其余的脚本。目前,这是我用谷歌搜索的另一个脚本想到的:我还需要一个功能,当你将鼠标悬停在图像上并点击时,它将切换,就像对他们的网站所做的一样。我希望这里有人能帮助我。谢谢

FadeToggle
可以完成您的工作

$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
var id=this.id;
$(“.bio”).not(“#”+id+“div”).hide();
$(“#”+id+“div”).fadeToggle();
});
$(文档)。在(“单击”)上,函数(e){
如果(!$(e.target).is(“按钮”)){
$(“.bio”).fadeOut();
} 
});
});
按钮{
宽度:50%;
浮动:左;
}
div{
宽度:100%;
高度:100px;
背景颜色:浅灰色;
显示:无;
}

弗斯特
第二



你好第一世界生物 你好,第二世界生物
我认为您实现了第一个

第二,你可以使用

反之亦然

您可以使用以下教程:


已回答请单击“完成您的另一个需求”进行检查非常感谢,我将测试您发布的脚本,非常感谢。很抱歉,我必须再次打开此问题,因为上面的帮助都无法完成我需要的内容。顺便说一句,谢谢那些帮助我的人。我希望有人能帮我做与本网站完全相同的事情:,我说的是“高级管理团队”部分,我们在这里单击成员的照片,单击并取消单击,或单击任意位置,悬停等。简介…,基本上就是它做的,如果有人请花时间检查该网站的“高级管理层”是如何做的部分功能。非常感谢……谢谢你,阿赫米德,我已经把它盖好了,我唯一需要的就是把图像从灰色变成彩色。如果你能做一个脚本,看起来就像我发布的网站,应该是伟大的。@ CaseValdRoSa,如果考虑绿色蜱这个答案,这将是我的荣幸。顺便说一下,我正在编辑我自己的答案,将图像从灰色更改为彩色好的..让我编辑一下问题more@ArchieValderrosa看一看没问题,上帝保佑
$("your picture selector").hover(function(){   $("your picture selector").animate({
filter: grayscale(100%); }); });
$("your picture selector").hover(function(){   $("your picture selector").animate({
filter : grayscale(0%) }); });