热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

c#右下角新消息提醒框

html:新消息X

html:

"winpop">
class="title">新消息class="close" οnclick="hideThis()">X
class="con">
"divEquipment" style="display: none;">
View Code

js:

function hideThis() {hide = setInterval("changeH('down')", 2);//开始以每0.002秒调用函数changeH("down"),即每0.002秒向下移动一次
}function changeH(str) {var MsgPop &#61; document.getElementById("winpop");var popH &#61; parseInt(MsgPop.style.height);if (str &#61;&#61; "up") { //如果这个参数是UPif (popH <&#61; 100) { //如果转化为数值的高度小于等于100MsgPop.style.height &#61; (popH &#43; 4).toString() &#43; "px";//高度增加4个象素
}else {clearInterval(show);//否则就取消这个函数调用,意思就是如果高度超过100象度了,就不再增长了
}}if (str &#61;&#61; "down") {//if (popH >&#61; 4) { //如果这个参数是down// MsgPop.style.height &#61; (popH - 4).toString() &#43; "px";//那么窗口的高度减少4个象素//}//else { //否则clearInterval(hide); //否则就取消这个函数调用,意思就是如果高度小于4个象度的时候,就不再减了MsgPop.style.display &#61; "none"; //因为窗口有边框,所以还是可以看见1~2象素没缩进去,这时候就把DIV隐藏掉//}
}}

 

setInterval("tips_pop()", 3000);//1分钟一次window.onload &#61; function () { //加载document.getElementById(&#39;winpop&#39;).style.height &#61; &#39;0px&#39;;}function tips_pop() {debugger;var MsgPop &#61; document.getElementById("winpop");//获取窗口这个对象,即ID为winpop的对象var popH &#61; parseInt(MsgPop.style.height);//用parseInt将对象的高度转化为数字,以方便下面比较if (popH &#61;&#61; 0) { //如果窗口的高度是0$.post("GetDateList.ashx", function (data) {data &#61; JSON.parse(data);if (data !&#61; "") {var content &#61; "

本月有" &#43; data.length &#43; "条信息报修超过三次
";$(".con").html(content);var divEquipment &#61; "";for (var i &#61; 0; i ) {divEquipment &#43;&#61; "" &#43; data[i].sbbh &#43; "";//οnclick&#61;&#39;reloadEquipment(" &#43; data[i].sbbh &#43; ")&#39;
}$("#divEquipment").html(divEquipment);//if (data.DeviceCode !&#61; undefined && data.DeviceCode !&#61; "") {MsgPop.style.display &#61; "block";//那么将隐藏的窗口显示出来show &#61; setInterval("changeH(&#39;up&#39;)", 2);//开始以每0.002秒调用函数changeH("up"),即每0.002秒向上移动一次
play_click();//}
}});}}
//提示音乐
function play_click() {
var au &#61; document.createElement("audio");
au.preload &#61; "auto";
au.src &#61; "../../Images/message.mp3";
au.play();
}function OpenDetail() {layer.open({type:
1,shadeClose: true,title: &#39;设备编号&#39;,zIndex: 10,area: [&#39;460px&#39;, &#39;360px&#39;], //宽高content: $("#divEquipment")});}function reloadEquipment(DeviceId) {window.open(url);}

css&#xff1a;

需要引用的js文件&#xff1a;



 

最终效果图&#xff1a;

查看详情效果图 &#xff1a;

 

转:https://www.cnblogs.com/niesiao/p/9685595.html



推荐阅读
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • 本文主要解析了Open judge C16H问题中涉及到的Magical Balls的快速幂和逆元算法,并给出了问题的解析和解决方法。详细介绍了问题的背景和规则,并给出了相应的算法解析和实现步骤。通过本文的解析,读者可以更好地理解和解决Open judge C16H问题中的Magical Balls部分。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • 猜字母游戏
    猜字母游戏猜字母游戏——设计数据结构猜字母游戏——设计程序结构猜字母游戏——实现字母生成方法猜字母游戏——实现字母检测方法猜字母游戏——实现主方法1猜字母游戏——设计数据结构1.1 ... [详细]
  • 本文介绍了南邮ctf-web的writeup,包括签到题和md5 collision。在CTF比赛和渗透测试中,可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型,可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
  • 如何自行分析定位SAP BSP错误
    The“BSPtag”Imentionedintheblogtitlemeansforexamplethetagchtmlb:configCelleratorbelowwhichi ... [详细]
  • 开发笔记:加密&json&StringIO模块&BytesIO模块
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了加密&json&StringIO模块&BytesIO模块相关的知识,希望对你有一定的参考价值。一、加密加密 ... [详细]
  • 本文介绍了Redis的基础数据结构string的应用场景,并以面试的形式进行问答讲解,帮助读者更好地理解和应用Redis。同时,描述了一位面试者的心理状态和面试官的行为。 ... [详细]
  • 本文讨论了如何优化解决hdu 1003 java题目的动态规划方法,通过分析加法规则和最大和的性质,提出了一种优化的思路。具体方法是,当从1加到n为负时,即sum(1,n)sum(n,s),可以继续加法计算。同时,还考虑了两种特殊情况:都是负数的情况和有0的情况。最后,通过使用Scanner类来获取输入数据。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • Python正则表达式学习记录及常用方法
    本文记录了学习Python正则表达式的过程,介绍了re模块的常用方法re.search,并解释了rawstring的作用。正则表达式是一种方便检查字符串匹配模式的工具,通过本文的学习可以掌握Python中使用正则表达式的基本方法。 ... [详细]
  • Android JSON基础,音视频开发进阶指南目录
    Array里面的对象数据是有序的,json字符串最外层是方括号的,方括号:[]解析jsonArray代码try{json字符串最外层是 ... [详细]
  • 个人学习使用:谨慎参考1Client类importcom.thoughtworks.gauge.Step;importcom.thoughtworks.gauge.T ... [详细]
  • springmvc学习笔记(十):控制器业务方法中通过注解实现封装Javabean接收表单提交的数据
    本文介绍了在springmvc学习笔记系列的第十篇中,控制器的业务方法中如何通过注解实现封装Javabean来接收表单提交的数据。同时还讨论了当有多个注册表单且字段完全相同时,如何将其交给同一个控制器处理。 ... [详细]
  • [大整数乘法] java代码实现
    本文介绍了使用java代码实现大整数乘法的过程,同时也涉及到大整数加法和大整数减法的计算方法。通过分治算法来提高计算效率,并对算法的时间复杂度进行了研究。详细代码实现请参考文章链接。 ... [详细]
author-avatar
jessiemiumiu_956
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有