Javascript 如何显示<;p>;悬停在<;上时按id;img>;有身份证
HTML 我试图显示一行带有id的文本,当一个带有不同id的图像悬停在上面时,这个Javascript 如何显示<;p>;悬停在<;上时按id;img>;有身份证,javascript,jquery,html,css,Javascript,Jquery,Html,Css,HTML 我试图显示一行带有id的文本,当一个带有不同id的图像悬停在上面时,这个将在显示图像提示的主题时显示更多信息 如果我不应该使用css和jquery/javascript或其他,请给出建议,但它必须是移动友好的 我有一些,它们都隐藏在那里(显示:无),除了最后一个,以确保位于正确的位置。但是,详细说明的CSS代码不起作用,因此我一定是出了什么问题,或者它不适合此任务。如果您正在寻找悬停效果,请使用此选项 #img-plaster:hover #plaster-nfo { display:
将在显示图像提示的主题时显示更多信息
如果我不应该使用css和jquery/javascript或其他,请给出建议,但它必须是移动友好的
我有一些
,它们都隐藏在那里(显示:无),除了最后一个,以确保
位于正确的位置。但是,详细说明的CSS代码不起作用,因此我一定是出了什么问题,或者它不适合此任务。如果您正在寻找悬停效果,请使用此选项
#img-plaster:hover #plaster-nfo {
display: block;
}
Try this
$("#img-plaster").mouseover(function(){
$("#plaster-nfo").show();
});
演示在这里:
$(文档).ready(函数(){
$(“img石膏”)。悬停(
函数(){
$('#plast nfo').show();
},函数(){
$('#plast nfo').hide();
}
);
});代码>
石膏
- 如上所述2
- 如上所述3
石膏等
同上2
如上所述,测试3未隐藏
如果您正在寻找悬停效果,请使用此选项
Try this
$("#img-plaster").mouseover(function(){
$("#plaster-nfo").show();
});
演示在这里:
$(文档).ready(函数(){
$(“img石膏”)。悬停(
函数(){
$('#plast nfo').show();
},函数(){
$('#plast nfo').hide();
}
);
});代码>
石膏
- 如上所述2
- 如上所述3
石膏等
同上2
如上所述,测试3未隐藏
打开时:
$( "#img-plaster" ).hover(
function() {
$('#plaster-nfo').show();
}, function() {
$('#plaster-nfo').hide();
}
);
并通过鼠标点关闭:
$("#img-plaster").mouseover(function(){
$("#plaster-nfo").show();
});
祝你今天愉快:)开幕式:
$( "#img-plaster" ).hover(
function() {
$('#plaster-nfo').show();
}, function() {
$('#plaster-nfo').hide();
}
);
并通过鼠标点关闭:
$("#img-plaster").mouseover(function(){
$("#plaster-nfo").show();
});
祝你今天愉快:)你可以这样做:
ul{
列表样式:无;
填充:0;
保证金:0;
}
李{
填充:0;
保证金:0;
显示:内联块;
位置:相对位置;
}
李平{
显示:无;
位置:绝对位置;
排名:0;
背景色:#FFF;
}
李:悬停p{
显示:块;
}
-
要显示的文本
-
要显示的文本
-
要显示的文本
您可以这样做:
ul{
列表样式:无;
填充:0;
保证金:0;
}
李{
填充:0;
保证金:0;
显示:内联块;
位置:相对位置;
}
李平{
显示:无;
位置:绝对位置;
排名:0;
背景色:#FFF;
}
李:悬停p{
显示:块;
}
-
要显示的文本
-
要显示的文本
-
要显示的文本
对于您当前的结构,这在CSS中是不可能的。在jquery/javascript等中是否有办法做到这一点?似乎到目前为止的建议是重新调整页面布局,这不是我想要做的。。。还有什么想法/建议吗?请检查下面的一些答案。根据您当前的结构,这在CSS中是不可能的。在jquery/javascript等中是否有办法做到这一点?似乎到目前为止的建议是重新调整页面布局,这不是我想要做的。。。请查看下面的一些答案。此解决方案要求开发者/cms更新HTML和javascript以使悬停生效。此解决方案要求开发者/cms更新HTML和javascript以使悬停生效。此解决方案要求开发者/cms更新HTML和javascript以使悬停生效HTML和javascript使悬停生效。除非原始HTML结构不可更改,否则这是不必要的。但即使是这样,仍然可以实现对javascript代码的自适应。此解决方案将要求开发人员/cms同时更新HTML和javascript以使悬停生效。除非原始HTML结构不可更改,否则这是不必要的。但即使是这样,仍然可以实现对javascript代码的自适应。