`
zengbo0710
  • 浏览: 414730 次
社区版块
存档分类
最新评论

javascript实现消息提示型信息窗口

阅读更多

<html>
<SCRIPT language="javascript">
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
//var winstr="<div id=AdLayer style='position:absolute; width:241px; height:172px; z-index:20;left: 600px; top: 300px'><a href=\"http://www.5dmedia.com/bbs\" >< img src=\"http://www.blueidea.com/articleimg/2004/01/1576/04-s.jpg\" border=\"0\" height=\"60\" width=\"60\" > </a></div>";
var winstr="<div id=AdLayer style='position:absolute;'><table style=\"border: 1 solid  #FFA6CA\"  width=\"241\" height=\"172\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"  background=\"http://www.blueidea.com/articleimg/2004/01/1576/04-s.jpg\" >";
winstr+="<tr><td height=\"10\"> </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:12px; color: red; face: Tahoma\">"+msgstr+"</td></tr></table></td></tr></table></div>";
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+=10;
var mytime=setTimeout("popshow();",50);
}

popmsg("<img border=\"0\" src=\"http://img94.pp.sohu.com/images/blog/2006/9/21/9/2/10e61318716.jpg\" width=\"150\" height=\"100\">TEST");

</SCRIPT>
<head>
<body>

</body>
</html>
 



分享到:
评论

相关推荐

    经典的js消息提示窗口

    1. `ymPrompt.js`:主JavaScript文件,包含了消息提示窗口的代码实现。 2. `css`目录:存放与各种皮肤相关的CSS样式文件。 3. `images`目录:可能包含提示窗口所需的图标和其他图像资源。 4. `demo.html`或`example....

    模仿QQ消息提示右下角弹出窗口提示代码源文件4种不同方式

    "模仿QQ消息提示右下角弹出窗口提示代码源文件4种不同方式"是一个专注于实现这一功能的资源,它提供了多种实现此类通知的技术手段。下面将详细阐述这四种不同的实现方式以及它们在实际应用中的价值。 首先,右下角...

    js脚本控制的窗口提示

    窗口提示是网页与用户进行交互的重要方式,它可以向用户提供信息、警告、确认或者错误消息。在JavaScript中,我们可以使用内置的`alert()`、`prompt()`和`confirm()`函数来实现不同类型的窗口提示。 1. `alert()`...

    即时消息弹出窗口-多多指教

    即时消息弹出窗口是网页应用中常见的一种设计,它能够实时提醒用户有新的信息或活动发生,提升用户体验。在这个项目中,“即时消息弹出窗口-多多指教”着重实现了这样一个功能,当有新消息发布时,会在网页的右下角...

    JavaScript仿MSN右下角窗口简洁版代码

    JavaScript仿MSN右下角弹窗是一种常见的网页交互设计,它模仿了早期MSN Messenger软件的通知方式,在页面右下角弹出提示信息。这种设计在现代网页应用中被广泛应用,用于显示通知、消息提醒或者用户交互反馈。下面...

    《前端开发实践:JavaScript打造响应式滑动窗口》-涵盖交互设计、事件处理、DOM操作,助力网页交互与用户界面优化

    它不仅提供了一套全面且实用的滑动窗口制作指南,还通过具体的实例深入浅出地介绍了如何使用JavaScript实现滑动窗口的基本原理与步骤。本文旨在帮助读者掌握滑动窗口的制作技巧,并进一步提升网页的交互体验。 ####...

    图片显示特效javascript

    本主题主要围绕"图片显示特效javascript"展开,探讨如何利用JavaScript实现各种图片展示的动态效果。 1. 图片加载:JavaScript可以监测图片的加载状态,例如使用`onload`事件来处理图片加载完成后执行的代码,确保...

    javascript经典特效---只掉一次的窗口.rar

    在"只掉一次的窗口"特效中,JavaScript主要通过以下步骤来实现: 1. **检测状态**:首先,我们需要一个变量来存储窗口是否已经弹出过。这可以是一个全局变量,如`windowHasBeenShown`,初始值为`false`。 2. **...

    程序天下:JavaScript实例自学手册

    14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 ...

    JavaScript特效打包下载

    窗口特效则涉及浏览器窗口的行为,比如窗口的淡入淡出、弹窗提示、窗口大小调整等。这些功能可以通过JavaScript事件监听器实现,例如`window.onload`用于页面加载完成后执行代码,`window.resize`可以监听窗口大小...

    JavaScript网页设计300例

    7. JS特效:这可能包括各种视觉效果,如滑动菜单、轮播图、图片预加载、悬停效果、下拉菜单、计时器、动画效果等,这些都可通过JavaScript实现,为网页增加吸引力。 学习这本书,你将掌握JavaScript的基本语法,...

    javaScript实现代码

    例如,"模范ext实现"可能是指使用ExtJS,这是一个基于JavaScript的UI库,提供了丰富的组件和强大的数据绑定功能。ExtJS帮助开发者构建复杂的、数据驱动的Web应用程序,它的API文档和示例代码对于学习和应用非常有...

    JavaScript仿腾讯“网眼”弹出提示层(链接提示)

    JavaScript仿腾讯“网眼”弹出提示层是一种常见的前端交互设计,主要目的是提供一种轻量级的提示方式,用户在浏览网页时,当鼠标悬停在某个链接或元素上时,会弹出一个包含相关信息的小窗口,类似于腾讯的“网眼”...

    模拟QQ在网页右下角弹出提示窗口

    在网页设计中,模拟QQ在网页右下角弹出提示窗口是一种常见的用户交互方式,它能够吸引用户的注意力,提供信息反馈或引导用户进行特定操作。这个功能主要通过JavaScript(JS)来实现,结合HTML和CSS来创建弹出的div...

    《程序天下:JavaScript实例自学手册》光盘源码

    14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 ...

    JavaScript-Web素材实例

    这个名为"JavaScript-Web素材实例"的压缩包包含了多个JavaScript实现的Web元素和特效,旨在帮助开发者提升网页交互性和用户体验。 首先,"JS横向弹性相册代码"是一个用于创建灵活、响应式的图片展示方案。这种相册...

    javaScript网页设计特效

    5. 弹窗提示:如模态框、警告对话框,提供信息或确认操作。 总结来说,JavaScript网页设计特效是前端开发的重要组成部分,它赋予了静态网页生命力,让网页更加动态、交互性强,提高了用户的浏览体验。通过深入学习...

    javascript编程.pdf

    - **显示对象提示信息**:利用 JavaScript 动态显示元素的提示信息。 - **日历**:使用 JavaScript 构建动态的日历插件。 - **下拉菜单**:通过 JavaScript 实现交互式的下拉菜单功能。 - **资源管理器**:模拟资源...

    javascript高级编程技术

    例如,窗口对象提供了与浏览器窗口交互的方法,如警告框、提示框和确认框的弹出,以及窗口的打开和关闭;document对象允许操作HTML文档内容,如插入、删除或修改元素;文本对象、按钮对象等则涉及表单元素的操作;...

    基于JS+CSS实现实用的信息提示框演示代码.zip

    这个压缩包“基于JS+CSS实现实用的信息提示框演示代码.zip”包含了一个实现此类功能的示例代码。以下是这个项目中可能涉及的关键知识点: 1. **JavaScript(JS)基础**:JavaScript 是一种解释型的、动态类型的编程...

Global site tag (gtag.js) - Google Analytics