载入中
自定义HTML载入中... loading
自动弹出和消失的对话框 [原创 2007-04-06 20:55:02]  删除... 
字体变小 字体变大
 
 
自动弹出和消失的对话框

【本文介绍】 现在很多博友喜欢设置页面自动弹出框来欢迎博友,但有个问题是必须博友点确定才能消失,次数多了,会让人烦,并且也只是几个枯燥的字,现在良曼推荐一种自动弹出又自动消失的对话框,并可设置背景图和题标图,随自已设置弹出时间长短,就像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了。

更多相关文章:
博客超级链接特效代码
博客留言里加图片代码  
博客网页漂浮在线聊天室代码
动态日志背景外框(更新)   
门户首页日志标题图代码
和讯页面大背景图代码方法详解
免费在线制作相册视频过程方法
和讯门户顶部状态栏特效代码
博客网页的图片、广告与文字的排版

博客网各种特效代码检测生成运行工具

(来源:良曼网络 编缉:良曼


对良曼博客有何意见或疑问请进入吧!想给我E-mail就点此吧!返回良曼博客首页看更多文章
欢迎您再来光临!谢谢你的阅读!你在本頁已停留 

分类: 博客技巧
所属版块: 科技
票数:
什么是“我顶”?
点击数:    评论数:
本文章引用通告地址(TrackBack Ping URL)为:
本文章尚未被引用。
发表评论
大 名:
(不填写则显示为匿名者)
网 址:
(您的网址,可以不填)
标 题:
内 容:
请根据下图中的字符输入验证码:
(您的评论将有可能审核后才能发表)
和讯个人门户 v1.0 | 和讯部落 | 客服中心