码迷,mamicode.com
首页 > 其他好文 > 详细

一道有意思的题目

时间:2016-01-15 20:09:12      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:

一个弹窗效果满足:
1.初始化2s显示
2.显示要10s,隐藏要10s
3.显示的时候,点击关闭按钮,隐藏10s,然后在显示10s,如此循环。

 

利用jq

 

document.writeln("	<style>");
document.writeln(".chat_bottom{width:227px;height:148px;background:url(/images/0_fs_bottom01.png) no-repeat;position:fixed;bottom:-10px;right:-10px;cursor:pointer;z-index:9999999999;display:none}");
document.writeln(".chat_bottom a{display:block;width:227px;height:148px;}");
document.writeln(".chat_bottom span{position:absolute;right:10px;top:10px;width:20px;height:25px;display:block;cursor:pointer;}");
document.writeln("	</style>");
document.writeln("<div class=\"chat_bottom\" id=\"chat_bottom\"><a href=\"/chat.php\"></a><span onclick=\"hideLovexin113()\"></span></div>");
setTimeout("hide()",2000);
function show(){
	$("#chat_bottom").slideUp("slow");
	s=setTimeout("hide()",10000);
}
function hide(){
	$("#chat_bottom").slideDown("slow");
	t=setTimeout("show()",10000);
}
function hideLovexin113(){
	clearTimeout(t);
	clearTimeout(s);
	show();
}	

 

一道有意思的题目

标签:

原文地址:http://www.cnblogs.com/damai/p/5134258.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!