2

这将是关于 django + javascript 的一般问题。例如，我有 5 个新闻，每个新闻都有标题、文本和图像。在网页上，所有 5 张图片都是可见的，但只有 1 个文本和 1 个标题（用于最新消息）。

现在我想这样做：当鼠标光标放在任何新闻图像上时，它将显示标题和文本，而不是最新新闻的标题和文本。怎么做？我不是在寻找完整的解决方案（它太漂亮了:)，而是在哪里寻找一些提示。

我假设需要 Javascript（并且 web 是用 django 编写的）但是还有什么呢？任何人都可以给我一些建议，如何链接等？我会很感激。

4

1 回答 1

0

如果您在一个div或其他元素中生成其他 4 个新闻项目，则可以对其应用类样式，display: none这将隐藏该内容。然后，您可以使用一些 jQuery（如果您愿意，也可以使用普通的旧 javascript）在鼠标悬停时显示该内容。

像这样的东西：

$('img').mouseover(function(){
    var item_num = $(this).data('news-item');
    $('hidden' + item_num).show();
});

假设您有 HTML 类似：

<img src='' data-news-item='2'>
<div class='hidden2'> 
    <span id='title2'> Hi There </span> 
    <span id='text2'> ..article.. </span>
</div>

这是一个非常非常基本的方法，它可以做得更好。但这应该可以让您获得所需的跳跃。

于 2011-02-21T13:43:30.740 回答