JS弹出新闻类窗口

最新推荐文章于 2023-08-02 22:39:15 发布
最新推荐文章于 2023-08-02 22:39:15 发布
阅读量497 收藏
点赞数 1
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/feixia_24/article/details/51553741
版权 
<html> 
<head> 
<title>JavaScript提示框</title> 

<script type="text/javascript"> 
<!-- 

/** 
* 类名：CLASS_MSN_MESSAGE 
* 功能：提供类似MSN消息框 
* 示例： 
* var MSG = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有1封消息","今天请我吃饭哈"); 
* MSG.show(); 
* 消息构造 
*/ 
function CLASS_MSN_MESSAGE(id,width,height,caption,title,message,target,action){ 
this.id = id; 
this.title = title; 
this.caption = caption; 
this.message = message; 
this.target = target; 
this.action = action; 
this.width = width?width:200; 
this.height = height?height:120; 
this.timeout = 150; 
this.speed = 20; 
this.step = 1; 
this.right = screen.width -1; 
this.bottom = screen.height; 
this.left = this.right - this.width; 
this.top = this.bottom - this.height; 
this.timer = 0; 
this.pause = false; 
this.close = false; 
this.autoHide = true; 
} 

/** 
* 隐藏消息方法 
*/ 
CLASS_MSN_MESSAGE.prototype.hide = function(){ 
if(this.onunload()){ 
var offset = this.height>this.bottom-this.top?this.height:this.bottom-this.top; 
var me = this; 
if(this.timer>0){ 
window.clearInterval(me.timer); 
} 

var fun = function(){ 
if(me.pause==false||me.close){ 
var x = me.left; 
var y = 0; 
var width = me.width; 
var height = 0; 
if(me.offset>0){ 
height = me.offset; 
} 
y = me.bottom - height; 
if(y>=me.bottom){ 
window.clearInterval(me.timer); 
} else { 
me.offset = me.offset - me.step; 
} 
me.Pop.show(x,y,width,height); 
} 
} 
this.timer = window.setInterval(fun,this.speed) 
} 
} 

/** 
* 消息卸载事件，可以重写 
*/ 
CLASS_MSN_MESSAGE.prototype.onunload = function() { 
return true; 
} 
/** 
* 消息命令事件，要实现自己的连接，请重写它 
*/ 
CLASS_MSN_MESSAGE.prototype.oncommand = function(){ 
this.close = true; 
this.hide(); 
window.open("http://www.lost63.com"); 
} 
/** 
* 消息显示方法 
*/ 
CLASS_MSN_MESSAGE.prototype.show = function(){ 
var oPopup = window.createPopup(); //IE5.5+ 
this.Pop = oPopup; 

var w = this.width; 
var h = this.height; 

// "×"关闭按钮 
/* 
str += "<tr>" 
str += "<td style='font-size: 12px;color: #0f2c8c' width=30 height=24></td>" 
str += "<td style='padding-left: 4px; font-weight: normal; font-size: 12px; color: #1f336b; padding-top: 4px' valign=center width='100%'>" + this.caption + "</td>" 
str += "<td style='padding-right: 2px; padding-top: 2px' valign=center align=right width=19>" 
str += "<span title=关闭 style='font-weight: bold; font-size: 12px; cursor: hand; color: red; margin-right: 4px' id='btsysclose' >×</span></td>" 
str += "</tr>" 
*/ 
// 按钮style 
// style='width:60px; height:20px; border-right: #002D96 1px solid; padding-right: 2px; border-top: #002D96 1px solid; padding-left: 2px; FONT-SIZE: 12px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); border-left: #002D96 1px solid; CURSOR: hand; color: black; padding-top: 2px; border-bottom: #002D96 1px solid;' 

var str = "<div style='border-right: #455690 1px solid; border-top: #a6b4cf 1px solid; z-index: 99999; left: 0px; border-left: #a6b4cf 1px solid; width: " + w + "px; border-bottom: #455690 1px solid; position: absolute; top: 0px; height: " + h + "px; background-color: #c9d3f3'>" 
str += "<table style='border-top: #ffffff 1px solid; border-left: #ffffff 1px solid' cellspacing=0 cellpadding=0 width='100%' bgcolor=#cfdef4 border=0>" 

str += "<tr>" 
str += "<td style='font-size: 12px;color: #0f2c8c' width=30 height=24></td>" 
str += "<td style='padding-left: 4px; font-weight: normal; font-size: 12px; color: #1f336b; padding-top: 4px' valign=center width='100%'>" + this.caption + "</td>" 
str += "</tr>" 
str += "<tr>" 
/*height：设置里面内容区域的高度 */ 
str += "<td style='padding-right: 1px;padding-bottom: 1px' colspan=3 height=" + (h-50) + ">" 
str += "<div style='border-right: #b9c9ef 1px solid; padding-right: 8px; border-top: #728eb8 1px solid; padding-left: 8px; font-size: 12px; padding-bottom: 8px; border-left: #728eb8 1px solid; width: 100%; color: #1f336b; padding-top: 8px; border-bottom: #b9c9ef 1px solid; height: 100%'>" + this.title + "<br><br>" 
str += "<div style='word-break: break-all' align=left><a href='javascript:void(0)' hidefocus=false id='btcommand'><font color=#ff0000>" + this.message + "</font></a> - <a href='tencent://message/?uin=380522459&site=http://hi.baidu.com/lupeng0527&menu=yes' hidefocus=false id='ommand'><font color=#ff0000>有事您q我!</font></a></div>" 
str += "</div>" 
str += "</td>" 
str += "</tr>" 
str += "<tr align=center>" 
str += "<td colspan=3>" 
str += "<div style='padding: 2 0 2 0;'>" 
str += "<span id='buttonClose'><input type='button' title=关闭 value=确认 style='width:60px; height:20px; border-right: #002D96 1px solid; padding-right: 2px; border-top: #002D96 1px solid; padding-left: 2px; FONT-SIZE: 12px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); border-left: #002D96 1px solid; CURSOR: hand; color: black; padding-top: 2px; border-bottom: #002D96 1px solid;'></span>" 
str += "</div>" 
str += "</td>" 
str += "</tr>" 
str += "</table>" 
str += "</div>" 

oPopup.document.body.innerHTML = str; 
this.offset = 0; 
var me = this; 

oPopup.document.body.onmouseover = function(){me.pause=true;} 
oPopup.document.body.onmouseout = function(){me.pause=true;} 

var fun = function(){ 
var x = me.left; 
var y = 0; 
var width = me.width; 
var height = me.height; 

if(me.offset>me.height){ 
height = me.height; 
} else { 
height = me.offset; 
} 

y = me.bottom - me.offset; 
if(y<=me.top){ 
//me.timeout--; 
if(me.timeout==0){ 
window.clearInterval(me.timer); 
if(me.autoHide){ 
me.hide(); 
} 
} 
} else { 
me.offset = me.offset + me.step; 
} 
me.Pop.show(x,y,width,height); 
} 

this.timer = window.setInterval(fun,this.speed) 

//"确认"关闭事件 

var buttonClose = oPopup.document.getElementById("buttonClose"); 
buttonClose.onclick = function(){ 
me.close = true; 
me.hide(); 
} 
/* 
* "×"关闭事件 
* var btClose = oPopup.document.getElementById("btSysClose"); 
* 
* btClose.onclick = function(){ 
* me.close = true; 
* me.hide(); 
* } 
*/ 

var btCommand = oPopup.document.getElementById("btCommand"); 
btCommand.onclick = function(){ 
me.oncommand(); 
} 
var ommand = oPopup.document.getElementById("ommand"); 
ommand.onclick = function(){ 
this.close = true; 
me.hide(); 
window.open(ommand.href); 
} 
} 
/* 
* 设置速度方法 
*/ 
CLASS_MSN_MESSAGE.prototype.speed = function(s){ 
var t = 20; 
try { 
t = praseInt(s); 
} catch(e){} 
this.speed = t; 
} 
/** 
* 设置步长方法 
*/ 
CLASS_MSN_MESSAGE.prototype.step = function(s){ 
var t = 1; 
try { 
t = praseInt(s); 
} catch(e){} 
this.step = t; 
} 

CLASS_MSN_MESSAGE.prototype.rect = function(left,right,top,bottom){ 
try { 
this.left = left !=null?left:this.right-this.width; 
this.right = right !=null?right:this.left +this.width; 
this.bottom = bottom!=null?(bottom>screen.height?screen.height:bottom):screen.height; 
this.top = top !=null?top:this.bottom - this.height; 
} catch(e){} 
} 
var MSG1 = new CLASS_MSN_MESSAGE("aa",240,150,"管理员：","思路决定出路","迷失路上"); 
MSG1.rect(null,null,null,screen.height-50); 
MSG1.speed = 10; 
MSG1.step = 5; 
//alert(MSG1.top); 
//MSG1.show(); 
//同时两个有闪烁，只能用层代替了，不过层不跨框架 
/* 
var MSG2 = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有2封消息","好的啊"); 
MSG2.rect(100,null,null,screen.height); 
MSG2.show(); 
*/ 

/** 
* 显示提示框 
*/ 
function showMSG(){ 
MSG1.show(); 
} 

</script> 
</head> 

<body> 
<center> 
<bgsound src="" id="bs" loop="no"> 
<input type="button" value="按钮" οnclick="showMSG(); "> 
<br> 
<hr> 
</center> 
</body> 
</html>

feixia_24
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS实现页面弹出类似QQ新闻的提示框
曹海成的专栏
11-06 4119
还是在做联通IOM项目时遇到的一个需求,要求页面每隔半小时弹出一次提示消息（消息以类似QQ新闻的形式弹出）。当时上网找的这么一个资料，已经不记得原文出处了 JavaScript提示框 <!-- /** * 类名：CLASS_MSN_MESSAGE * 功能：提供类似MSN消息框 * 示例： * var MSG =
lhgDialog JS弹出窗口源代码
03-18
lhgdialog是一功能强大的简单迷你并且高效的弹出窗口组件。 专为大型弹出窗口定制 相对于网上其它弹出窗口组件主要功能是提示信息来说，本组件主要是用来制作窗口中内容较多，页面比较复杂的窗口。本组件的窗口内容...
JS右下角弹出可滚动的新闻列表浮动窗口
05-01
内容索引:脚本资源,Ajax/JavaScript,滚动　　JavaScript右下角弹出式可以支持滚动的新闻列表，来自城市联盟网站，打开页后，右下角缓慢出现一个向上浮动的窗口，在CSDN网站现在就有这种。窗口内的内容是自动带间歇的滚动，还有一些设置参数，根据你的网站请自行调整。
JavaScript弹窗事件
一个非常Cool的人
02-03 2717
主要介绍了一下JavaScript中的弹窗事件。包括警告框、选择框、输入框。欢迎大家阅读,如有不足请指出。
JavaScript窗口弹窗事件
Junnix的博客
01-06 3188
JavaScript窗口弹窗事件 <script> // 1.直接弹出 window.alert("hello") // 2.弹出确认和取消弹框 var and=window.confirm("yes") alert(and) // 3.弹出输入框 window.prompt("hello") </script> .........
Javascript弹出窗口的各种方法总结
10-26
以下是对给定文件中提到的JavaScript弹出窗口各种方法的详细解释： 1. **关闭窗口** - `window.close()`：这个方法用于关闭当前打开的窗口。如果窗口不是由脚本创建的，浏览器可能会阻止此操作，除非用户与窗口有...
可拖拽的bootstrap弹出窗口
07-20
最后，`script.js`文件是项目的JavaScript代码，可能包含了初始化弹出窗口和拖拽功能的逻辑。例如，可能有代码片段像`$(function() { $('.popover').popover(); });`来启动Bootstrap Popover，以及`$(".popover")....
23个Javascript弹出窗口特效整理
10-28
23个Javascript弹出窗口特效，需要的朋友可以参考下。
JS弹出新窗口被拦截的解决方法
10-21
使用js使用新窗口打开页面的时候，经常遇到被浏览器拦截的情况，怎么解决呢？下面小编通过两种情况分析并分别附有解决办法，对js弹出新窗口被拦截感兴趣的朋友一起学习吧
Caption 桌面滚动字幕广告系统源码
01-17
Caption 桌面滚动字幕广告系统源码 (应用于正式环境，非演示/测试程序) 如果只需要执行程序，请重新查找 Caption 桌面滚动字幕广告系统执行程序。 本程序为 Visual Studio 2010 的工程，直接在解决方案中导入即可。 功能特性 1. 自动屏幕适应。 2. 支持文字水平滚动和文字垂直滚动。 3. 鼠标左键拖动字幕内容；Ctrl + 鼠标左键拖动窗口位置。 4. 可以设置滚动速度（滚动时间间隔）和每次滚动点数。 5. 可以自由设置默认字体，并可在字幕文件中设置各种不同的字体。 6. 支持居中等对齐方式。 7. 支持整体窗口透明的方式，和指定透明颜色的方式。背景色和透明色可以相同，也可以分别选取。 8. 支持超链接。 9. 可以设置文章头空白、段落横向间距。 如果需要实现边框、阴影、自定义图片载入等功能，请下载源码自行修改。 说明： 1. 根据指定的颜色，显示背景色，如果选择了，使用背景色作为透明色，那么背景色会是透明的，但是字体的边缘会受到背景色的影响。 如果没有选中背景色作为透明色，那么可以自定义透明色，比如，可以将字体颜色设置为透明色，那么相当于字体挖空的效果。 2. 程序启动，自动刷新最前窗口状态。有一种情况会取消这个刷新，就是使用弹出菜单，或进行设置等功能的时候，会暂时取消这个刷新， 等功能执行完毕，会恢复最前窗口状态的刷新。有一种情况不会恢复，就是点了右键菜单，但是没有选择任何功能，此时程序不再自动刷新最前窗口状态。 如果想恢复这个状态，随便选择一个右键菜单的功能，然后返回滚动字幕主界面即可，比如，点击[刷新]按钮。
网络右下角弹出新闻窗口_VC源码.rar
08-15
class CNewsWindow { public: CNewsWindow(void); ~CNewsWindow(void); public: HWND m_hWnd; public: // 设置皮肤(位图资源名称,标题栏文本颜色) BOOL SetSkin(LPCTSTR lpSkinBitmapName,COLORREF CaptionColor=0x000000); // 创建窗口 BOOL Create(LPCTSTR lpWindowName,int nWidth=250,int nHeight=180); BOOL Create(LPCTSTR lpClassName,LPCTSTR lpWindowName,int nWidth,int nHeight); // 设置新闻标题、内容、链接 BOOL SetNews(LPCTSTR lpNewsTitle,LPCTSTR lpNewsContent,LPCTSTR lpNewsURL); // 显示窗口 void Show(); // 设置为主窗口,主窗口销毁后会退出消息循环 void SetMainWindow(BOOL bMainWindow=TRUE); // 设置自动关闭,如果为真,点击链接后窗口自动关闭 void SetAutoClose(BOOL bAutoClose=TRUE); public: BOOL IsWindow(); BOOL DestroyWindow(); private: #define NCT_CLOSE 0 #define NCT_VIEW 1 #define NCT_TITLE 2 #define NCT_CONTENT 3 typedef struct tagNEWSCONTROL { CString strText; int nType; int x; int y; int nWidth; int nHeight; RECT Rect; }NEWSCONTROL, *LPNEWSCONTROL; private: LPNEWSCONTROL m_pControls; int m_nControlCount; private: HCURSOR m_hArrowCursor; HCURSOR m_hHandCursor; HCURSOR m_hCurCursor; HICON m_hAppSmallIcon; HDC m_hSkinDC; HDC m_hCacheDC; HBITMAP m_hSkinBitmap; HBITMAP m_hSkinOldBitmap; HBITMAP m_hCacheBitmap; HBITMAP m_hCacheOldBitmap; HFONT m_hFont; HFONT m_hBoldFont; COLORREF m_CaptionColor; int m_nHoverIndex; int m_nDownIndex; BOOL m_bMainWindow; BOOL m_bAutoClose; BOOL m_bTracking; CString m_strURL; private: BOOL DrawWindow(); BOOL DrawWindowEx(); void DrawButton(HDC hDC,LPNEWSCONTROL pControl); void DrawStatic(HDC hDC,LPNEWSCONTROL pControl); void DrawNineRect(HDC hdcDest,RECT DestRect,RECT SrcRect,RECT NineRect,UINT crTransparent=0xFF00FF); RECT CreateRect(LONG left,LONG top,LONG right,LONG bottom); void CreateControl(LPNEWSCONTROL pControl,int nType,int x,int y,int nWidth,int nHeight,CString strText=_T("")); int ControlFromPoint(POINT pt); int ControlFromPoint(LPARAM lParam); void SetCursor(HCURSOR hCursor); public: LRESULT OnMessage(UINT message, WPARAM wParam, LPARAM lParam); LRESULT DefWindowProc(UINT message, WPARAM wParam, LPARAM lParam); LRESULT OnEraseBkgnd(UINT message, WPARAM wParam, LPARAM lParam); LRESULT OnPaint(UINT message, WPARAM wParam, LPARAM lParam); LRESULT OnMouseMove(UINT message, WPARAM wParam, LPARAM lParam); LRESULT OnMouseHover(UINT message, WPARAM wParam, LPARAM lParam); LRESULT OnMouseLeave(UINT message, WPARAM wParam, LPARAM lParam); LRESULT OnLButtonDown(UINT message, WPARAM wParam, LPARAM lParam); LRESULT OnLButtonUp(UINT message, WPARAM wParam, LPARAM lParam); LRESULT OnControlClick(UINT message, WPARAM wParam, LPARAM lParam); LRESULT OnDestroy(UINT message, WPARAM wParam, LPARAM lParam); LRESULT OnSetCursor(UINT message, WPARAM wParam, LPARAM lParam); };
JS window事件全集解析
weixin_30740581的博客
01-19 210
js-window对象的方法和属性资料 hxpd 发表于 2007-05-08 21:58:18 熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、 setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用 掌握window对象的moveTo、resiz...
Vue中一个新闻类型的弹框Demo
hulin的博客
08-02 645
Vue中一种新闻类型的弹框的Demo
JS特效 网页点击事件 弹出指定汉字
OHHINK博客
06-20 2192
最近逛一位大佬的博客的时候，发现了他博客上的鼠标点击事件，效果如下图 个人博客地址–为了记录生活，顺便防止重复造轮子 Github 感觉文字和内容都特别有趣，所以就研究了一下。 将效果总结为一个HTML，内容如下，保证可用。 &lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; ...
jquery实现新闻菜单选项
席伟娜的专栏
04-01 662
//防新闻实现下拉菜单模式，很实用哦 jquery实现新闻菜单选项 .list{ list-style-type:none } .list li{ line-height:30px; border-bottom:1px dashed #666 } .list li a{ color:#666; text-decoration:none; } .
基于div布局的新闻页面
weixin_30319097的博客
11-13 311
html代码： 1 <body> 2 <div id="wrap"> 3 <div id="head"> 4 <div id="nav_1" align="justify"><span class="product">产品服务</span...
VB.NET-QQ新闻弹窗样式图片制作工具
08-03 115
〇、下载地址 本程序的下载地址（百度网盘）：http://pan.baidu.com/s/1qWBGGGG 一、关于本程序 Gnaea是一个QQ新闻弹窗的填字工具，可以在输入新闻标题和新闻内容后生成一张类似QQ新闻弹窗的图片。生成的图片可以被保存为BMP和PNG两种格式，或是直接复制到剪...
javascript弹出窗口提示框
最新发布
06-02
JavaScript弹出窗口提示框通常使用window对象的alert()方法实现。alert()方法会在浏览器中弹出一个对话框，其中包含指定的消息，并带有一个确定按钮，用户点击该按钮后对话框将被关闭。 下面是alert()方法的基本...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值