用x关闭或隐藏信息框

我试图寻找线索，但画了一个大的空白。可能我正在寻找错误的东西！用x关闭或隐藏信息框

我在页面上创建了一个基本信息块。

我想给用户通过点击一个x来隐藏或关闭该框的选项。

我假设我需要使用cookie - 但不知道从哪里开始！也许jquery，因为我已经在每个页面上加载其他元素？

其中一个重要因素是当显示新信息时它应该重新出现。

这是怎么做的？任何人都可以协助

谢谢！

来源

2014-09-30 Ian

请您发布您的代码，如果可能的jsfiddle链接太。 – 2014-09-30 07:47:37

你也应该考虑阅读这样的东西http://htmldog.com/guides/javascript/beginner/ – Nicolas 2014-09-30 07:48:38

嗨，根据你的理解，这是你在找什么： [BootStrap Alert JS Fiddle]（http：// jsfiddle.net/Y3d3D/63/） – Rajesh 2014-09-30 07:54:28

一旦你阅读了初学者的JavaScript指南Nicolas为你链接，也许是一个jQuery的啧啧，你可能最终会写这样的东西。

的Javascript

jQuery('div.xbutton').click(function(){ 
jQuery('div.infoblock').hide(); 
});

HTML

<div class="infoblock">Information text <div class="xbutton">X</div></div>

但是，这是在未来，所以与阅读指导开始。这将是大量的有用:)

来源

2014-09-30 08:00:42

您可以使用这样的事情：

<div id="content" style="display:none;"> 
    <span class="close">&times;</span> 
    Some text 
</div> 

<script> 
    jQuery(document).ready(function(){ 
     if (!readCookie('messageClosed')){ 
      jQuery('#content').show(); 
     } 
     jQuery('#content .close').click(function(){ 
      jQuery('#content').slideUp(); 
      createCookie('messageClosed', 1, 365); 
      return false; 
     }); 
    }); 
</script>

对于函数readCookie和createCookie的看这个：https://stackoverflow.com/a/1460174/2828391

来源

2014-09-30 08:03:18 dmikam

用x关闭或隐藏信息框

回答

相关问题