html+css+jQuery顶部可关闭提示框代码

1、准备好需要用到的图标。

3、书写hmtl代码。<div id="thp_notf_div" class="hpn_top_container" style="display:none;top:0px;"> <span class="hpn_top_icon"> <img class="rms_img" src="images/xixi.png"> </span> <span class="hpn_top_desc">我们正在更新使用条款。</span> <a href="javascript:void(0);" class="hpn_top_link" >了解更多</a> <a href="#" class="hpn_top_close">我要拒绝</a> </div>

5、书写并添加js代码。<script src="js/cookies.min.js"> </script><script src="js/jquery.min.js"> </script><script >Cookies.defaults = { path: '/'};// 用于清除cookies的代码，调试完提示框的样式后可以删除。// Cookies('view', undefined);if(Cookies.get('view') === undefined) { $("#thp_notf_div").slideDown();} $(".hpn_top_close").click(function(){ $("#thp_notf_div").slideUp();});$(".hpn_top_link").click(function(){ Cookies.set('view', 1); location.href = "#";});</script>

7、代码整体结构。