Question

这个旧页面在这里完成了jQuery并且工作正常，但底部的文本是使用图像完成的。现在我真的希望这是真正的文本。

http://ou812.bplaced.net/rollover-with-text/

我道歉，因为我知道有很多讨论有点像这样，但是数小时和数小时的搜索没有帮助。我不是Javascript或CSS破解。有人能指出我正确的方向吗？一个示例页面？

非常感谢！

Answer 1

你可以这样做（请注意，这是最小的）：

HTML：

<div>Element 1</div>
<div>Element 2</div>
<div>Element 3</div>
<div>Element 4</div>
<div>Element 5</div>
<p></p>

JavaScript的：

var div = document.getElementsByTagName('div'),
    p   = document.getElementsByTagName('p')[0];

for(i = 0; i < div.length; i++)
{
    div[i].onmouseover = function(){
        p.innerHTML = this.innerHTML;
    }
}

不需要jQuery，但是如果你想使用它，就在这里。

<强> JSFiddle

var div = $('div');
var p   = $('p');

$(div).hover(function(){
    $(p).html($(this).html());
});

图像翻转，文本出现在其他地方

1 个答案: