Jquery 粘性消息在10秒后自动关闭的程度
嗯,我知道如何显示可关闭的粘性消息,但我想知道如何在10秒后关闭,并显示10秒计数器。。。我如何给它悬停效果以及。。。 这是我的贴心贴纸,仅供您参考Jquery 粘性消息在10秒后自动关闭的程度,jquery,css,hover,Jquery,Css,Hover,嗯,我知道如何显示可关闭的粘性消息,但我想知道如何在10秒后关闭,并显示10秒计数器。。。我如何给它悬停效果以及。。。 这是我的贴心贴纸,仅供您参考 <script> function closeBox(toClose) { document.getElementById(toClose).style.display = "none";setCookie(toClose,closed", 20);} function setCookie(cName, value, expi
<script>
function closeBox(toClose) {
document.getElementById(toClose).style.display = "none";setCookie(toClose,closed", 20);}
function setCookie(cName, value, expiredays) {var expDate = new Date();expDate.setDate(expDate.getDate()+expiredays);document.cookie=cName + "=" + escape(value) + ";expires=" + expDate.toGMTString();}
function loadMsg(msgClass) {msg = document.getElementsByTagName("div");for (i=0; i<msg.length; i++){if(msg[i].className == msgClass) {if(document.cookie.indexOf(msg[i].id) == -1) {msg[i].style.display = "block";}}}}
window.onload=function(){loadMsg('msgbox'); }
</script>
http://kownleg.blogspot.com
<style>
div.guestwarn {
background:#000000;
color:#FFFFFF;
max-width:280px;min-height:18px;padding:0 5px 3px;position:fixed;right: 2%;
top: 50%;padding: 10px 15px;position: fixed;z-index: 10;font-size:12px;-moz-border-radius: 8px; -webkit-border-radius: 8px; filter:alpha(opacity=88);
-moz-opacity:.88; opacity:.88; -moz-box-shadow:5px 5px 5px #191919; -webkit-box-shadow:5px 5px 5px #191919; box-shadow:5px 5px 5px #191919;
}
.close {float: right;background: transparent url(http://1.bp.blogspot.com/-hMdL9UJje_c/UA7nJADBTSI/AAAAAAAAABU/S5zftNPRxfs/s1600/close.png);width: 22px;height: 22px;}
</style>
<div id="message-1" class="msgbox" style="display: none;">
<div class="guestwarn"><a href="#" class="close" onclick="closeBox('message-1'); return false;" title=""></a>
**My Sticky Text Is Here**
</div>
</div>
功能关闭盒(toClose){
document.getElementById(toClose).style.display=“none”setCookie(toClose,closed”,20);}
函数setCookie(cName,value,expiredays){var expDate=new Date();expDate.setDate(expDate.getDate()+expiredays);document.cookie=cName+“=”+escape(value)+;“expires=”+expDate.togmString();}
函数loadMsg(msgClass){msg=document.getElementsByTagName(“div”);for(i=0;i在脚本末尾添加此行:
setTimeout(function(){closeBox('message-1')}, 10000);
已经有很多插件为此而构建,我更喜欢,我知道的另一个插件是。您可以使用jquerydelay()
函数简单地执行此操作
$("#message-1").live("click",function(){
$(".guestwarn").show('slow');
// show the counter
$(".guestwarn").delay(10000).hide("slow");
return false;
});
您需要使用setTimeout
您可以使用jquerydelay()简单地执行此操作
功能。查看答案哇,它在工作…但我认为在我的编码中,我犯了一些错误,当有人关闭此消息时,它将永远不会出现刷新…我想让它像,当有人关闭或不关闭它时,但下次他再次访问该网站时,它总是向他们显示,但如果有人关闭它,它将暂时而不是永久关闭..你能吗帮帮我??谢谢你的回复,但这很好用…setTimeout(function(){closeBox('message-1')},10000);@RJStyle试试这个它也可以解决你临时显示方框的问题