消息提示弹层滚动JQUERRY

/*風*/
var Life={};
Life.pmLoad=function(){
	$.getJSON('json.js',
	 function(d){
		 if(d&&d.res=='ok'){
			 if(d.count>0){
				var arr=new Array();
				i=0;
				for( a in d.data ){
					var r=d.data[a];
					arr.push('<div class="fuc_news" id="life_pm_'+r.logid+'">');
					arr.push('<span class="fc_tit">');
					arr.push('<span class="tit_l">【最新消息】</span>');
					arr.push('<span class="tit_r" >X</span>');
					arr.push('</span>');
					arr.push('<div class="fc_con clearfixs">');
					if(r.url&&r.url!=''){
						arr.push('<a href="'+r.url+'" target="_blank" onclick="Life.pmClick('+r.logid+')">'+r.msg+'</a>');
					}else{
						arr.push('<a href="home.php?mod=space&do=pm&subop=view&touid=1#bottom" target="_blank" >'+r.msg+'</a>');
					}
					arr.push('</div></div>');
					i++;
				}
				Life.Num=i;
				$('#pmWrapHtml').html(arr.join(''));
				Life.pmGo();
			 }
		 }
	 });
}
Life.pmClose=function(id){
	$('#life_pm_'+id).hide();
}
Life.pmClick=function(id){
	$.get("index.php?r=pm/click&id="+id);
}
Life.pmGo=function(){
	var s_top=0;
	var s_p=0;
	var PmNum=0;
	//浏览器高度
	var browserHeight=$(window).height();
	//HTML高度
	var tmphtmlHeight=htmlHeight=Life.Num*98;
	//滚动外框高度
	var floatNewsBoxsHeight=browserHeight;
	var PmHtml=$('#pmWrapHtml');
	var PmWap=$("#pmWrap");

	$("#pmWrapHtml div.fuc_news").each(function(){
		tmphtmlHeight=tmphtmlHeight-98;
		$(this).css("top",tmphtmlHeight+"px");

	});
	PmWap.height(floatNewsBoxsHeight).show();
	PmHtml.css('height',htmlHeight+'px').css('top',floatNewsBoxsHeight+'px').animate({'top':(floatNewsBoxsHeight-htmlHeight)+'px'},Life.Num*0.5*1000);
	//关闭层
	$("#pmWrapHtml div.fuc_news .fc_tit .tit_r").click(function(){
		var tParent=$(this).parent().parent();
		tParent.hide();
		s_p=tParent.index();
		PmNum++;
		tmphtmlHeight=Life.Num*98;
		for (var i=0;i<Life.Num;i++){
			tmphtmlHeight=tmphtmlHeight-98;
			if(i<=s_p){
				continue;
			}
			$("#pmWrapHtml div.fuc_news:eq("+i+")").animate({'top':(tmphtmlHeight+PmNum*98)+'px'});
		}
	});
	//浏览器滚动
	s_top= PmWap.css("top");
	$(window).scroll(function(){
			var ss_top=parseInt(s_top);
			var sc_top=$(this).scrollTop();
			var su_top=ss_top+sc_top
			PmWap.css("top",su_top+"px")
	});
}
$(document).ready(function(){
	Life.pmLoad();
})

案例地址:http://download.csdn.net/detail/wljk506/5166607

时间: 2024-11-11 22:26:23

消息提示弹层滚动JQUERRY的相关文章

weUI应用之JS常用信息提示弹层的封装_javascript技巧

weUI应用,自己用JS封装了几个常用的信息提示的弹层 测试页面的代码在后面有贴出 几个弹层如下图 HTML页面代码: <!DOCTYPE html> <html> <head> <title>weUI-test</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,c

如何做一个类似QQ空间消息的弹出框 不依附于网页的那种

问题描述 各位大侠我想做一个消息提示弹出框就是在不管浏览器是否最小化的时候都能弹出的那种像QQ空间信息弹出的那种完全独立于网页上的那种 解决方案 解决方案二:顶...解决方案三:http://blog.csdn.net/zhaogaohong/archive/2011/01/06/6120592.aspx解决方案四:引用2楼zhaogaohong的回复: http://blog.csdn.net/zhaogaohong/archive/2011/01/06/6120592.aspx 有没有完整的

PHP实现弹出消息提示框的两种方法

 这篇文章主要介绍了用PHP实现弹出消息提示框的两种方法,有需要的朋友可以参考一下 方法一:  代码如下: echo "<script>alert('提示内容')</script>";   方法二: 代码如下: echo '<script language="JavaScript">;alert("这是";location.href="index.htm";</script>;'

怎么关闭Win7右下角弹出的操作中心消息提示

  方法一 关闭当前消息提示 在点击弹出的"操作中心"中的"打开操作中心": 点击打开的"操作中心"右边的"维护": 点击下面出现的"关闭有关'Windows备份'的消息"这个链接: 这个时候的"备份"下的消息变成了"打开有关Windows备份的消息",如下图: 方法二 一次性关闭全部消息提示 由于WIN7的消息提示很多,所以我们有必要全部关闭所有的消息提示. 右击&

Android仿QQ消息提示实现弹出式对话框_Android

本文在<7种形式的Android Dialog使用实例>在这篇文章的基础进行学习,具体内容如下 1.概述 android原生控件向来以丑著称(新推出的Material Design当另说),因此几乎所有的应用都会特殊定制自己的UI样式.而其中弹出式提示框的定制尤为常见,本篇我们将从模仿QQ退出提示框来看一下常见的几种自定义提示框的实现方式. 这里使用的几种弹出框实现方法概括为以下几种: 自定义Dialog 自定义PopupWindow 自定义Layout View Activity的Dialo

JS实时弹出新消息提示框并有提示音响起的实现代码_javascript技巧

在java web认证系统开发中,客户要求有数据更新时要在页面弹出提示框,这样方便在旁边的工作人员可以及时的知道有新数据提交了,我们除了使用及时的推送技术外还可以使用ajax来实现这些功能. 代码实现的原理,在页面启用定时执行ajax请求,如果获得数据是最新状态的,要执行语音提示和弹出框提示,这样实现的弊端是频繁的调用数据库,该方法只适合于使用人数较少的系统. 1.加入语音提示 <audio id="sound" autoplay="autoplay">

Android仿QQ消息提示实现弹出式对话框

本文在<7种形式的Android Dialog使用实例>在这篇文章的基础进行学习,具体内容如下 1.概述 android原生控件向来以丑著称(新推出的Material Design当另说),因此几乎所有的应用都会特殊定制自己的UI样式.而其中弹出式提示框的定制尤为常见,本篇我们将从模仿QQ退出提示框来看一下常见的几种自定义提示框的实现方式. 这里使用的几种弹出框实现方法概括为以下几种: 自定义Dialog 自定义PopupWindow 自定义Layout View Activity的Dialo

[ymPrompt消息提示组件]3.1版发布

新增配置项:新增fixPosition参数设定是否当页面滚动时使弹出框始终浮动在屏幕的固定位置.新增dragOut参数设定是否允许弹出框拖动到页面范围以外.新增autoClose参数设定是否当用户点击按钮后自动关闭弹出框. 公开的属性和方法接口: 属性:version:当前版本号 如:alert(ymPrompt.version)pubDate:当前版本的发布日期 如:alert(ymPrompt.pubDate);cfg:组件当前的默认配置 方法:setDefaultCfg(cfg):设定组件

capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框_jquery

效果图:当浏览器滚动的时候,要浮层要移除浏览器界面视区的时候,修改其position属性,让其浮动在窗口的上沿显示就可以了,position:fixed,可以在IE7+和其他浏览器下浮动层平滑固定定位,由于IE6前辈不支持fixed属性,使用position:absolute属性代替,重新计算top值. 具体代码如下: HTML代码: 复制代码 代码如下: <div class="float" id="float"> <p id="WB_