我试图在您单击图片时显示一个 div 标签。我已经使用 jquery 在两者之间切换,但它不起作用。我认为这与我使用的 css 有关。我把它全部放在js fiddle 上。 这是我要显示的 div。
<div >
<p class="dinnerplates" style="background-color:#69a0d0;">blurb about vintage plates.blurb about vintage plates.blurb about vintage plates.blurb about vintage plates.blurb about vintage plates.blurb about vintage plates.</p>
</div>
最佳答案
试试这个,也包括 jquery。
$( document ).ready(function() {
$(".dinnerplates").hide();
// Tooltip only Text
$('.masterTooltip').hover(function(){
// Hover over code
var title = $(this).attr('title');
$(this).data('tipText', title).removeAttr('title');
$('<p class="tooltip"></p>')
.text(title)
.appendTo('body')
.fadeIn('slow');
}, function() {
// Hover out code
$(this).attr('title', $(this).data('tipText'));
$('.tooltip').remove();
}).mousemove(function(e) {
var mousex = e.pageX + 20; //Get X coordinates
var mousey = e.pageY + 10; //Get Y coordinates
$('.tooltip')
.css({ top: mousey, left: mousex })
});
$(".masterTooltip").click(function() {
$(".dinnerplates").toggle();
});
});
关于jquery - 单击图像时如何显示 div 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31763436/