注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

借东风的博客

 
 
 

日志

 
 

博客空间自动弹出和消失的对话框使用方法  

2009-09-17 11:17:14|  分类: 电脑技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

博客空间自动弹出和消失的对话框使用方法

转载:良曼博客     整理:爱逛街的女人

现在很多博友喜欢设置页面自动弹出框来欢迎博友,但有个问题是必须博友点确定才能消失,次数多了,会让人烦,并且也只是几个枯燥的字,现在推荐一种自动弹出又自动消失的对话框,并可设置背景图和题标图,随自已设置弹出时间长短,就像MSN的弹出框。 代码如下:

<SCRIPT>
var oPopup = window.createPopup(); var popTop=50; function popmsg(msgstr){
var winstr="<table style=\"border: 1 solid #FFA6CA\" width=\"241\" height=\"172\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" background=\"http://photo5.hexun.com/p/2007/0414/89759/m_3459F60D99FED93ACA0F8922937C045E.jpg/" >";
winstr+="<tr><td height=\"30\"> </td></tr><tr><td align=\"center\"><table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
winstr+="<tr><td valign=\"top\" style=\"font-size:13px; color: red; face: Tahoma\">"+msgstr+"</td></tr></table></td></tr></table>";
oPopup.document.body.innerHTML = winstr; popshow(); } function popshow(){
window.status=popTop; if(popTop>1720){ clearTimeout(mytime); oPopup.hide();
return; }else if(popTop>1520&&popTop<1720){
oPopup.show(screen.width-250,screen.height,241,1720-popTop);
}else if(popTop>1500&&popTop<1520){
oPopup.show(screen.width-250,screen.height+(popTop-1720),241,172); }else if(popTop<180){
oPopup.show(screen.width-250,screen.height,241,popTop); }else if(popTop<220){
oPopup.show(screen.width-250,screen.height-popTop,241,172); } popTop+=5;
var mytime=setTimeout("popshow();",40); } popmsg(" <img border=\"0\" src=\"http://photo5.hexun.com/p/2007/0414/89759/b_698AFFF7407C9A841085D1C67713F047.jpg/" width=\"15\" height=\"12\"> 欢迎光临!爱逛街的女人的博客,进出自由,随心所欲,尽情浏览,雁过留声,请在此留下你的脚印,让我知道您来过。你的朋友—爱逛街的女人");
</SCRIPT>

 

小贴士:
1.红色字体为自动弹框的背景可随自已喜爱更改,建议图片大小为241*172像素,

2.蓝色字体數字为弹框的停留时间长短,

3.绿色字体數字为弹框弹出的时间快慢,

4.紫色字为自动弹框的题标图可随自已喜爱更改,图片大小width=\"15\" height=\"12\"可据自已喜爱设置数字大小。

5.歡迎詞就隨自已設置了!

6.放入公告欄日志代碼裡就OK了。 

 

 

  评论这张
 
阅读(52)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017