`
younglibin
  • 浏览: 1195088 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

在网页右下角弹出提示窗口（完整实例）+参数说明

    博客分类：
  • JSP
JavaScriptJSPCSSQQCache 
阅读更多 
<Script language="javascript">
<!--
window.onload = getMsg;
window.onresize = resizeDiv;
window.onerror = function(){}
//短信提示使用(asilas添加)
var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;
function getMsg()
{
try{

//  parseInt(String s, int radix) 
 //		使用第二个参数指定的基数，将字符串参数解析为有符号的整数。 Integer中的方法
divTop = parseInt(document.getElementById("eMeng").style.top,10)

divLeft = parseInt(document.getElementById("eMeng").style.left,10)

divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeight
document.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth
document.getElementById("eMeng").style.visibility="visible"
objTimer = window.setInterval("moveDiv()",10)
}
catch(e){}
}

function resizeDiv()
{
i+=1
if(i>99999) closeDiv() //客户想不用自动消失由用户来自己关闭所以屏蔽这句
try{
divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10)
document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10)
}
catch(e){}
}

function moveDiv()
{
try
{
if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))
{
window.clearInterval(objTimer)
objTimer = window.setInterval("resizeDiv()",1)
}
divTop = parseInt(document.getElementById("eMeng").style.top,10)
document.getElementById("eMeng").style.top = divTop - 1
}
catch(e){}
}
function closeDiv()
{
document.getElementById('eMeng').style.visibility='hidden';
if(objTimer) window.clearInterval(objTimer)
}
-->
</Script>

 

 

 

 

完整jsp页面代码：

 

<%@ page language="java" import="java.util.*" pageEncoding="utf8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'addwin.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	
	<Script language="javascript">
<!--
window.onload = getMsg;
window.onresize = resizeDiv;
window.onerror = function(){}
//短信提示使用(asilas添加)
var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;
function getMsg()
{
try{

//  parseInt(String s, int radix) 
 //		使用第二个参数指定的基数，将字符串参数解析为有符号的整数。 Integer中的方法
divTop = parseInt(document.getElementById("eMeng").style.top,10)

divLeft = parseInt(document.getElementById("eMeng").style.left,10)

divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeight
document.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth
document.getElementById("eMeng").style.visibility="visible"
objTimer = window.setInterval("moveDiv()",10)
}
catch(e){}
}

function resizeDiv()
{
i+=1
if(i>99999) closeDiv() //客户想不用自动消失由用户来自己关闭所以屏蔽这句
try{
divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10)
document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10)
}
catch(e){}
}

function moveDiv()
{
try
{
if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))
{
window.clearInterval(objTimer)
objTimer = window.setInterval("resizeDiv()",1)
}
divTop = parseInt(document.getElementById("eMeng").style.top,10)
document.getElementById("eMeng").style.top = divTop - 1
}
catch(e){}
}
function closeDiv()
{
document.getElementById('eMeng').style.visibility='hidden';
if(objTimer) window.clearInterval(objTimer)
}
-->
</Script>
<DIV id=eMeng 

style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX:99999; LEFT: 2px; 

VISIBILITY: hidden; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 160px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; 

TOP: 1px; HEIGHT: 25px; BACKGROUND-COLOR: #c9d3f3">
<TABLE width="160" height="25" border=0 cellPadding=0 cellSpacing=0 bgColor=#AFDCF3 



style="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid" >
<TBODY>
<TR bgColor=#6699cc>
<TD style="font-size: 12px; background-image: url('images/msgTopBg.gif'); color: #0f2c8c; top=100, left=100" width=6 height=24 >说的</TD>
<TD width="267" height="20" vAlign=center 
style="font-weight: normal; font-size: 12px; background-image: url('images/msgTopBg.gif'); 

color: #ffffff; padding-left: 4px; padding-top: 4px " ><a href="http://609598174.qzone.qq.com" target="_blank">

-----我的空间------
padding-left: 4px;弹出窗口文字句窗口左边的距离 
padding-top: 4px弹出窗口文字句窗口左边的距离 
</a></TD>
<TD style="background-image: url('images/msgTopBg.gif'); padding-right: 2px; padding-top: 2px" vAlign=center align=right width=26 top=100, left=100>

<span title=关闭 

style="CURSOR: hand;color:white;font-size:12px;font-weight:bold;margin-right:4px;"  top=100, left=100

onclick=closeDiv() ><font color="#000000">×</font></span>

<!--<IMG title=关闭 style="CURSOR: hand" onclick=closeDiv() hspace=3 src="msgClose.jpg">-->

</TD>
</TR>
</TBODY>
</TABLE>
</DIV>



有勇气来改变可以改变的事情，有胸怀来接受不可改变的事情，有智慧来分辨两者的不同!
 
知道事物应该是什么样，说明你是聪明的人；知道事物实际是什么样，说明你是有经验的人；
知道怎样使事物变得更好，说明你是有才能的人。

记得感激每一个帮助你的人啊






<SCRIPT LANGUAGE="JavaScript">

var s = "";
参数说明：
s += "\r\n网页可见区域宽："+ document.body.clientWidth;

s += "\r\n网页可见区域高："+ document.body.clientHeight;

s += "\r\n网页可见区域宽："+ document.body.offsetWidth +" (包括边线和滚动条的宽)";

s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";

s += "\r\n网页正文全文宽："+ document.body.scrollWidth;

s += "\r\n网页正文全文高："+ document.body.scrollHeight;

s += "\r\n网页被卷去的高："+ document.body.scrollTop;

s += "\r\n网页被卷去的左："+ document.body.scrollLeft;

s += "\r\n网页正文部分上："+ window.screenTop;

s += "\r\n网页正文部分左："+ window.screenLeft;

s += "\r\n屏幕分辨率的高："+ window.screen.height;

s += "\r\n屏幕分辨率的宽："+ window.screen.width;

s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;

s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;

s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";

s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
alert(s);


</SCRIPT>
	

  </head>
  
  <body>
    This is my JSP page. <br>
  </body>
</html>

 

 

0
顶
1
踩
分享到：
| 鼠标经过导航栏改变页面的内容
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    右下角弹出窗口实例代码

    兼容IE6+ 、firefox，右下角滑出窗口 腾讯qq2009的样式

    右下角弹出的小窗口js代码

    右下角弹出的小窗口js代码，实例代码。有几个文件。

    JS实现简单的右下角弹出提示窗口完整实例

    主要介绍了JS实现简单的右下角弹出提示窗口的方法,可实现点击连接右下角弹出提示框的功能,具有一定参考借鉴价值,需要的朋友可以参考下

    C＃ winform实现右下角弹出窗口结果的方法

    主要介绍了C＃ winform实现右下角弹出窗口结果的方法,结合实例形式分析了C#窗口操作的相关技巧,需要的朋友可以参考下

    C#制作右下角滑出的Popup窗口提醒效果

    摘要:C#源码,菜单窗体,右下角,弹出窗口　C#制作一个Popup窗口提醒效果，右下角的弹出窗口，点击“弹出”按钮后，会看到从屏幕的右下角向上滑出一个提示窗口，经常上网的朋友可能会对此功能非常熟悉，网页上实现右下...

    VB右下角托盘提示控件 用法实例.rar

    VB托盘提示控件 用法实例，显示在右下角的浮动提示窗口，可对提示窗口的时间进行设置，计时结束后自动关闭该提示窗口，可自定义提示窗口的标题和提示内容，退出时以动画方式向下滑出提示窗口，显示时向上滑出，同时...

    JavaScript网页特效范例宝典源码

    实例005 控制弹出窗口居中显示 7 实例006 弹出的窗口之Cookie控制 9 实例007 为弹出的窗口加入关闭按钮 11 实例008 关闭弹出窗口时刷新父窗口 12 实例009 关闭IE主窗口时，不弹出询问对话框 13 1.2 弹出网页对话框 ...

    JS右下角广告窗口代码(可收缩、展开及关闭)

    这是一款右下角窗口JS代码，完美的右下角，仿新浪博客的右个角弹出窗口，这款Javascript代码在兼容性和操作舒适度方面做的相当不错。调用了几张外部的图片，使用时自行下载吧。 运行效果截图如下： 在线演示地址...

    Visual Studio开发环境下C#源代码，Windows右下角任务栏渐进式弹出提醒框功能 （Popup窗口提醒）功能

    Visual Studio开发环境下C#源代码，源码，Windows右下角任务栏渐进式弹出提醒框功能 （Popup窗口提醒）功能源码，源代码，适合C#初学者做实例，或需要Windows右下角任务栏渐进式弹出提醒框功能 （Popup窗口提醒）...

    LHGDialog V3.5.2 正式版 lhgDialog弹出窗口组件 lhgdialog V3.5.2

    t：指定弹出窗口的页面(替代原来的第22个参数SetTopWindow)参数值：self，在当前页面弹出窗口。此参数只用在框架页面中，如果不写此参数则窗口跨框架弹出在框架最顶层页面，如果值为self则不跨框架，而在当前面页弹...

    搜狐官网Js版右下角浮动窗口.rar

    搜狐官网Js版右下角浮动窗口特效代码，这个比较早了，是08年奥运会时候搜狐专题报道页的右下角弹出消息框，现在来看，仍是很漂亮的，右下角小窗口的底色是调用了一张图片来实现，核心的实现基于JS，这种右下角的浮窗...

    CSS特效 js实例

    30种CSS分页效果配色方案; CSS层折叠(或收缩)与展开特效; CSS高度自适应代码（用了都说好）; ... JavaScript判断输入框中是否包含中文; JavaScript判断远程图片是否存在;...用JavaScript在网页右下角弹出窗口; .......

    CSS特效收藏和js实例

    30种CSS分页效果配色方案; CSS层折叠(或收缩)与展开特效; CSS高度自适应代码（用了都说好）; ... JavaScript判断输入框中是否包含中文; JavaScript判断远程图片是否存在;...用JavaScript在网页右下角弹出窗口; .......

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例212 在页面右下角弹出渐显的广告窗口 268 3.7 状态栏设计 269 实例213 跑马灯文字 269 实例214 状态栏中的收缩显示文字 270 实例215 状态栏中显示数字时钟 271 3.8 导航菜单设计 272 实例216 树状导航菜单 272 ...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    一款支持拖拽的jQuery层弹出窗口(TipsWindown1.0版本)下载 10.分享一款jquery Ajax弹出对话框插件SimpleModal 11.下载jQuery对话框Dialog弹出层插件演示与使用说明 12.实用jQuery漂亮浮动层插件,精美Dialog...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例212 在页面右下角弹出渐显的广告窗口 268 3.7 状态栏设计 269 实例213 跑马灯文字 269 实例214 状态栏中的收缩显示文字 270 实例215 状态栏中显示数字时钟 271 3.8 导航菜单设计 272 实例216 树状导航菜单 272 ...

    js实现仿MSN带关闭功能的右下角弹窗代码

    这是一款非常精致漂亮的仿MSN右下角弹出窗口，带关闭功能，直接复制代码就管用。演示要用到几个小图片，运行的时候点击右键保存一下，这里提供一种思路，并不完全局限于此种方法，熟能生巧。 先来看看运行效果截图：...

Magicbox
Global site tag (gtag.js) - Google Analytics