前段时间做项目，一个功能就是消息提醒。我相信很多大牛都做过。让我们分享我的问题和解决方案。

首先，我们的项目是使用frameset框架，主要代码。

frameset name='myFrame' cols='85，* frame border=' no ' border=' 0 ' frame spacing=' 0 ' frame src=' http : $ { base }/left . JSP ' name=' left frame ' frame border=' no ' scrolling=' auto ' no resize=' no resize ' id=' left frame '/frame src=' http : $ { base }/welcome . JSP ' name='大型机' frame border=' no ' scrolling=' auto ' no resize='

要求无论你点击哪个页面的消息图标。右下角会弹出消息提示。

我真的没有这样做过。我当时查了很多资料。然后我找到了jquery的消息插件。后来我发现了如何操作父框架的js，然后这个问题就解决了。

因为我是left.jsp的菜单导航员。这是不可改变的。所以我把消息图标放在左边。

Js函数：在left.jsp页面。

函数msg(msg type){//调用父窗体的get message jswindow . parent . getmessage(msg type)；}这是打开左侧消息的js函数。MsgType表示消息状态。

Window.parent函数：返回父窗口。

注意：如果窗口本身是顶级窗口，父属性将返回对自身的引用。

在框架网页中，父窗口通常是顶层窗口，但如果框架中有框架，则父窗口和顶层窗口不一定相同。

然后我们可以用这个方法直接调用main的getMessage()函数。

main中的GetMessage()函数：

函数getMessage(msgType){/* $ . messager . layers(宽度，高度)；*此方法主要用于定义弹出窗口的宽度和高度。*/$ . messager . layes(200，150)；Var msg='无消息' if(msgtype==1){ msg=' jQuery Message新消息提醒'；}else{msg='jqueryMessage已提醒消息'；}/*$.messager.show(标题、文本、时间)；*此方法主要定义窗口中显示的内容以及窗口显示后隐藏多长时间。*如果使用默认标题，则标题设置为0，标题和文本也可以设置为html内容进行显示。如果您希望用户单击弹出窗口的关闭按钮来关闭*消息框，您可以将时间设置为0。*/$.messager.show('消息提醒'，msg)；}/script也有$.messager.anim(类型，速度)；

这种方法主要定义了窗口的显示方式和速度。

$.messager.anim('fade '，1000)；//显示为fadeIn动画。

$.messager.anim('show '，1000)；//在动画中显示。

然后，上面简单介绍了jquery消息插件中常用的几种方法。

当然，如果我们想使用它，我们需要在页面中引入jquery.js和jquery.messager.js文件。

通过这样的组合，我们完成了整套功能。

这种渲染在与谷歌兼容的IE8下正常工作。这里将介绍一个关于框架集弹出层效果的小系列，希望对大家有所帮助！