javascript代码:
// JavaScript Document
var url_xinxi=getxinxi.php; //获取窗口显示内容的URL;
function tips_pop(){
var MsgPop=document.getElementById("winpop");
var popH=parseInt(MsgPop.style.height);//将对象的高度转化为数字
if (popH==0){
MsgPop.style.display="block";//显示隐藏的窗口
$.getJSON(url_xinxi, { name: "John", time: "2pm" },
function(data){
if(data.status=='sccess'){
$("#winpop").html(data.msg);
show=setInterval("changeH('up')",50);
}
});
}
else {
hide=setInterval("changeH('down')",50);
}
}
function changeH(str) {
var MsgPop=document.getElementById("winpop");
var popH=parseInt(MsgPop.style.height);
if(str=="up"){
if (popH<=140){
MsgPop.style.height=(popH+4).toString()+"px";
var topHeight2 = document.documentElement.scrollTop + document.documentElement.clientHeight - popH-4;
$("#winpop").css("top",topHeight2+"px");
}
else{
clearInterval(show);
}
}
if(str=="down"){
if (popH>=4){
MsgPop.style.height=(popH-4).toString()+"px";
}
else{
clearInterval(hide);
MsgPop.style.display="none"; //隐藏DIV
}
}
}
function tips_pop2(str) {
document.getElementById('winpop').style.height='0px';
document.getElementById('winpop').style.display="none";
tips_pop();
setTimeout("tips_pop2()",60000);
}
$(document).ready(function(){
if($("#winpop").length>0){
//第一次加载执行
window.onload=function(){//加载
document.getElementById('winpop').style.height='0px';
setTimeout("tips_pop()",3000);//3秒后调用tips_pop()这个函数
}
//每一分钟执行
$(function () {
setTimeout("tips_pop2()",60000);
});
//滚动条
$(window).scroll( function() {
var MsgPop=document.getElementById("winpop");
var popH=parseInt(MsgPop.style.height);//将对象的高度转化为数字
var topHeight = document.documentElement.scrollTop + document.documentElement.clientHeight - popH;
$("#winpop").css("top",topHeight+"px");
});
}
});
html代码:
<html>
<style>
/*右下信息提示*/
#winpop { width:264px; height:0px;position:absolute; right:0; bottom:0; border:1px solid #66CC33; margin:0; padding:0px; overflow:hidden; display:none;}
#winpop .title { width:100%; height:28px; line-height:28px; background:#66CC33;text-align:left; font-size:12px; color:#ffffff;padding-left:10px; background:url(../../images/icon/yx_title.gif);}
#winpop .con { width:260; min-height:110px;line-height:20px; padding:10px; text-align:left; font-size:12px; color:#000000; text-decoration:none; background:#FFFFFF; overflow:hidden; }
#silu { font-size:12px; color:#666; position:absolute; right:0; text-align:right; text-decoration:underline; line-height:22px;}
.close { position:absolute; right:4px; top:-1px; color:#FFF; cursor:pointer}
</style>
<body>
<!--弹出窗-->
<div id="winpop">
</div>
<!--end-->
</body>
</html>
说明:
定义和用法
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
语法
setInterval(code,millisec[,"lang"])
参数 描述
code 必需。要调用的函数或要执行的代码串。
millisec 必需。周期性执行或调用 code 之间的时间间隔,以毫秒计。
返回值
一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。
setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
分享到:
相关推荐
我的网址:www.0379zd.com欢迎光临。jQuery插件(右下弹出窗口),很实用,很漂亮。
写好的js特效右下脚弹出窗口,帮你作出好看功能强大的前台界面。please download now!
在实现自动弹出窗口的功能时,这部分代码可能会包含CSS样式来定义弹出窗口的外观,以及JavaScript或jQuery代码来处理动态显示和隐藏的行为。CSS可能用于设置窗口的位置(如右下角)、大小、颜色、透明度等。...
**jQuery Messager右下角弹出窗口** jQuery Messager 是一个基于 jQuery 的插件,用于在页面的右下角创建可自定义的消息提示窗口。它通常用于显示通知、警告、错误或其他用户需要知道的信息,而不会中断他们当前的...
《MFC实现屏幕右下角弹出窗口技术详解》 MFC(Microsoft Foundation Classes)是微软提供的一套C++库,用于构建Windows应用程序。在Windows系统中,我们常常会遇到像QQ那样的屏幕右下角弹出窗口,这些窗口通常用于...
这段代码是用于创建一个在网页右下角浮出的广告窗口的JavaScript实现。这个广告窗口会在页面加载完成后从底部滑动出来,并且当用户滚动页面或调整浏览器窗口大小时,广告窗口会始终保持在屏幕的右下角。让我们深入...
源代码可能包含了主窗口类、弹出窗口类以及相关的资源文件,如.rc和.res文件。通过阅读和理解这些代码,你可以进一步学习如何利用MFC实现特定的UI效果。 总之,使用VC6.0和MFC开发类似QQ右下角弹出窗口的应用程序,...
在C#.NET中实现右下角弹出窗口的功能,是一个常见的需求,尤其是在开发即时通讯软件、桌面应用通知系统或是任何需要向用户展示即时消息的应用场景中。本文将深入解析如何利用C#.NET来构建这样一个弹出窗口,并确保其...
在提供的"右下弹窗广告"压缩包文件中,很可能包含实现这一功能的HTML、CSS和JavaScript代码文件。HTML文件可能包含广告内容的结构;CSS文件则负责定义广告的样式,如颜色、大小、位置等;JavaScript文件则处理广告的...
在Windows应用程序开发中,"winfrom右下消息弹出框"通常指的是在Windows窗体(WinForm)应用的右下角显示通知消息的功能。这种功能可以让用户在不干扰主程序界面的情况下,接收到应用程序发送的重要信息。在描述中...
在IT行业中,创建类似QQ和MSN的右下角弹出提示窗口是一项常见的需求,这种功能主要用于应用程序的通知系统,能够在不打扰用户主界面操作的情况下提供重要信息。这些提示窗口通常被称为气泡通知或托盘通知,它们会在...
在提供的压缩包文件中,虽然没有具体的代码,但根据标题和描述,我们可以推测其中可能包含了实现这种浮动窗口的JavaScript代码。代码fans.net这个文件名可能是存放代码或教程的网站链接,你可以访问这个网址获取更多...
在ASP(Active Server Pages)开发中,我们常常需要创建各种用户交互效果来提升用户...文件“从窗口右下脚弹出的仿QQ的提示框.txt”可能包含了具体的代码示例或者更详细的实现步骤,你可以参考该文件进一步了解和学习。
在网页设计中,弹出框和弹出层是常见的交互元素,用于显示额外的信息或进行用户操作确认。...在这个项目中,开发者只需根据自己的需求调整HTML结构、CSS样式和JavaScript代码,就能轻松实现各种功能的弹出框。
《jQuery点击右侧弹出选择城市代码》是一款基于jQuery库实现的网页交互功能,适用于各种分辨率的设备,包括PC和移动终端。此代码的核心是省市二级联动,即在用户点击一个按钮或链接后,右侧会弹出一个下拉框,显示...
可以用来弹出广告,视频等的一个小技术。 值得保存
在描述中提到的"JS已经完全封装好了",意味着开发者已经编写并优化了JavaScript代码,将其打包成一个可复用的组件。JavaScript是Web开发中的主要脚本语言,负责处理页面的动态行为。通过封装,开发者创建了一个功能...
这类广告代码的设计旨在不干扰用户主要浏览内容的同时,巧妙地展示广告信息。下面我们将详细讨论如何创建一个右下角图片弹窗广告,涉及的知识点包括前端开发技术、用户体验设计以及广告优化。 首先,要实现右下角...
开发者可以通过简单的 API 调用来创建和管理弹出窗口,还可以根据需求调整动画效果、关闭延迟、触发器等参数,实现高度个性化的弹出窗口功能。 总结起来,jQuery Popovers 是一个强大且灵活的 jQuery 插件,结合了 ...