足球游戏_中国足彩网¥体育资讯$

仿163邮件提示
来源:易贤网 阅读:898 次 日期:2014-08-13 16:07:12
温馨提示:易贤网小编为您整理了“仿163邮件提示”,方便广大网友查阅!

查看效果:仿163邮件提示

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text ml; charset=gb2312" />

<title>仿163邮件提示-网站制作学习网</title>

<meta content="仿163邮箱,提示,javascript,特效,新信息提示,右下角信息提示,网站制作学习网" http-equiv="keywords">

<meta content="通过jquery做了一个仿163邮件提示,通过事件来控制,也可以自行修改事件" http-equiv="description">

</head>

<script language="javascript" src="js/jquery-1.4.4.min.js"></script>

<script language="javascript" >

var d_h = 120;//定义显示窗口高度

var d_w = 170;//定义显示窗口宽度

var delay_t = 3;//设子默认的隐藏时间

var k;//定义框架对象

var show_o;//定义时间对象

var hide_o;//定义时间对象

$(function(){

var msg = "网站制作学习网提醒你:你有新信息";//定义显示内容

$("#foraspcn").html(msg+"<br><br><a href='#' onclick='delay_();'>我知道了<a></div>");

$("#foraspcn").css({"top":$(window).height()-15,"left":$(window).width()-d_w-20,"width":d_w,"height":1,"z-index":999,"border":'solid #000 1px',"position":'absolute',"overflow":'hidden',"text-align":'center',"padding-top":10}).show();//这里的15 和20减量是为了做偏移,不同的浏览器下的偏移

show_o = setInterval(s_k,20);//

});

function s_k(){//定义显示窗口函数

 var obj =$("#foraspcn");

 var height_ =parseInt(obj.css("height"));

 var top_ =parseInt(obj.offset().top)

 $("#te").html(height_);

 obj.css("height",height_+1).css("top",top_-1);

 if(height_>=d_h){clearInterval(show_o);setTimeout(delay_,delay_t*1000);}

}

function delay_(){clearInterval(show_o);hide_o=setInterval(h_k,20);}

function h_k(){//定义隐藏窗口函数

 var obj =$("#foraspcn");

 var height_ =parseInt(obj.css("height"));

 var top_ =parseInt(obj.offset().top)

  obj.css("height",height_-1).css("top",top_+1);

  if(height_<=0){clearInterval(hide_o);obj.hide();}

}

</script>

<body>

这做了一个仿163有新邮件提醒,在右下角显示提示窗口。<br>

如果改为触发的提醒,则将$(function(){});改改为一个函数,调用函数即可<br>

网站制作学习网原创转载请注明http://www.forasp.cn

<div id='foraspcn' style=" display:none;"></div>

</body>

</html>

中国足彩网信息请查看IT技术专栏

中国足彩网信息请查看脚本栏目
易贤网手机网站地址:仿163邮件提示
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 足球游戏_中国足彩网¥体育资讯$ 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标