HTML / Javascript代码显示说明

Question

我是这里的新手。 我有一个问题，当鼠标悬停或点击图像时，您是否有任何想法创建一个显示在框中的描述？我有至少15张图片来查看他们的描述。感谢

Answer 1

为了显示描述，您需要具有鼠标悬停功能的JS，并使用一些CSS属性来更改文本的格式。

这在这个jsfiddle中表达得更好：

http://jsfiddle.net/F6p2Z/2/

JS：

$('.caption').on({
    mouseover: function() {
        $(this).find('span').fadeIn(200);
    },

    mouseout: function() {
        $(this).find('span').stop().fadeOut(200);
    },
})

范围包含文字说明。 CSS将控制它的格式。