jQuery谷歌新闻风格

时间:2012-02-02 13:21:15

标签: jquery

我的jQuery代码......

$(document).ready(function() {
  var showText='<span style="float:right"><img src="image1.gif"></span>';
  var hideText='<span style="float:right"><img src="image2.gif"></span>';
  var is_visible = false;
  $('.toggle').prev().append(' <a href="#" class="toggleLink">'+showText+'</a>');
  $('.toggle').hide();
  $('a.toggleLink').click(function() {
    is_visible = !is_visible;
    $(this).html( ($(this).html() == hideText) ? showText : hideText);
    $(this).parent().next('.toggle').toggle('fast');
    return false;
  });
});

问题1:当页面加载时,div在关闭前会打开几毫秒。

问题2:我提供内容的方式有点像列表中的Google新闻(标题,摘录)。我目前在每个故事下方都有一个按钮,您可以单击该按钮以显示其他信息,例如相关帖子。

对于每个条目,在页面下方都有打开/关闭按钮是不整洁的。我宁愿拥有它,以便当您将鼠标悬停在特定内容div上时,会出现打开按钮(淡入),然后您可以单击该按钮打开div - 就像Google新闻一样。

有谁知道这怎么可能?感谢您的任何信息。

0 个答案:

没有答案