- 浏览: 486965 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
caipeiming:
可以使用array的indexOf方法,参考JavaScrip ...
js-判断元素是否存在于array数组中 -
zhangyaochun:
这个不错,新属性哦~
html5新特性-- <a>标签新属性download -
housheng33:
空间和时间星型-雪花-ER一范式-二范式-三范式
浅谈多维模型 -
housheng33:
对不起,我已经24岁了。我已经没有能力和你谈那一场天真而不计得 ...
对不起,我已经24岁了。我已经没有能力和你谈那一场天真而不计得失的恋爱了。 -
zhangyaochun:
这篇整理的不错
js-清空array数组
优点:右下角弹出同时可配置对应的开始和结束的animated的效果
缺点:没有对外的api支持例如控制显示和隐藏
附件1:css默认样式源码
附件2:jquery插件源码
缺点:没有对外的api支持例如控制显示和隐藏
<script type="text/javascript" src="jquery-popMessage.js"></script> <script type="text/javascript"> $(function(){ $.fn.popMessage({ content : '<a href="#" class="ime-btn"></a>', height:282, auto:false, width:280, html:true, openAnimType:{'type':'slideDown','speed':'slow'}, closeAnimType:{'type':'fadeOut','speed':'slow'} }); }); $('#test').click(function(){ $('.Pop-Message-container').hide(200); });//利用jquery手动添加隐藏显示 </script>
附件1:css默认样式源码
@charset "utf-8"; .Pop-Message-container{background:url(../images/wke-dialog-panel_title.png) repeat;position:absolute;right:0px;border:1px solid #ccc;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .Pop-Message-title{color:#7297a9;height:26px;line-height:22px;position:relative;padding:10px;padding-bottom:0;border-bottom:1px solid #ccc;} .Pop-Message-close,.Pop-Message-close-hover{background:url(../images/wke-dialog-panel_tools.gif) no-repeat scroll -16px 0;width:16px;height:16px;position:absolute;top:10px;right:10px;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;cursor:pointer;} .Pop-Message-close-hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;} .Pop-Message-con{background:url(../images/con_bg.png) no-repeat #fff;} .ime-btn,.ime-btn-hover{background:url(../images/btn.png) no-repeat;height:29px;width:91px;display:inline-block;position:absolute;left:100px;top:273px;} .ime-btn:hover{background:url(../images/btn-hover.png) no-repeat;} .Pop-Message-body{padding:10px;} .Pop-Message-footer{height:25px;border-top:1px solid #ccc;padding:10px 0 0 10px;color:#7297a9;} .noNotice{margin-left:5px;}
附件2:jquery插件源码
(function(){ /*设计定位为作为一般的插件*/ $.extend($.fn,{ popMessage : function(options){ //合并配置 options = $.extend({},$.fn.popMessage.defaults,options); //render container var container = $('<div></div>').addClass('Pop-Message-container').css({'width':options.width,'display':'none','height':'auto','zIndex':options.zIndex}); //这边为了防止ie6下select的遮盖问题 //思路是判断是否加载了jquery.bgiframe.js if($.fn.bgiframe){ container.bgIframe(); } //title var title = $('<div></div>').addClass('Pop-Message-title').appendTo(container); title.text(options.title); //conWrap //更改策略可以设置高度 但是container还是auto的设置的是conWrap的高度 var conWrap = $('<div></div>').addClass('Pop-Message-con').appendTo(container).css('height',options.height != 'auto' ? options.height : 'auto'); //messageBody var messageBody = $('<div></div>').addClass('Pop-Message-body').appendTo(conWrap); //增加一个尾部 var footer = $('<div></div>').addClass('Pop-Message-footer').appendTo(container); //footer的具体 var footerCon = $('<input type="checkbox" class="" /><span class="noNotice">下次不在提醒</span>').appendTo(footer); //判断是否支持远程调用 if(options.loadUrl != ''){ messageBody.load(options.loadUrl); }else{ if(options.html){ messageBody.html(options.content); }else{ messageBody.text(options.content); } } //关闭按钮 if(options.closeBtn){ var closeBtn = $('<span></span').addClass('Pop-Message-close').appendTo(title).hover(function(){ $(this).addClass('Pop-Message-close-hover'); },function(){ $(this).removeClass('Pop-Message-close-hover'); }).click(function(){ //其实就是调用关闭的api closeMessage(); }); } //计算右下角 var interval = setInterval(function(){ var h = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) +document.documentElement.clientHeight -container.height() -12; if(h < document.body.offsetHeight){ container.css('top',h+ 'px'); }else{ container.css('top',document.body.offsetHeight+ 'px'); } },20); //最后在appendTo container.appendTo($(document.body)); //初始显示 if(options.openAnimType){ switch(options.openAnimType.type){ case 'slideUp': container.slideUp(options.openAnimType.speed); case 'slideDown': container.slideDown(options.openAnimType.speed); case 'show': container.show(options.openAnimType.speed); case 'fadeIn': container.fadeIn(options.openAnimType.speed); }; } /*container.slideDown('slow');*/ //关闭 function closeMessage(){ if(options.closeAnimType){ switch(options.closeAnimType.type){ case 'slideDown': container.slideDown(options.closeAnimType.speed); case 'slideUp': container.slideUp(options.closeAnimType.speed); case 'hide': container.hide(options.closeAnimType.speed); case 'fadeOut': container.fadeOut(options.closeAnimType.speed); }; } /* container.slideUp('slow');*/ } //是否自动关闭 if(options.auto){ setTimeout(function(){ closeMessage(); clearInterval(interval); //container.remove(); },options.time); } } }); /*默认设置*/ $.fn.popMessage.defaults ={ title : '提醒', content : '您有新的提醒', closeBtn: true, //关闭按钮是否默认显示 width : 250, height: 'auto', //规则目前为了适应高度最后的效果是设置内容区域的高度 zIndex: 10000, loadUrl:'', //远程调用 html: false, //支持html语义化的内容,默认关了 openAnimType:{'type':'slideUp','speed':'slow'}, //支持开始的动画配置 closeAnimType:{'type':'hide','speed':'slow'}, //支持结束的动画配置 auto:true, //自动关闭 time:4000 //定时 }; })(jQuery) /*考虑到scroll*/ $(window).scroll(function(){ var topHeight = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) +document.documentElement.clientHeight -$('Pop-Message-container').height() -12; if(topHeight < document.body.offsetHeight){ $('Pop-Message-container').css('top',topHeight+ 'px'); }else{ $('Pop-Message-container').css('top',document.body.offsetHeight+ 'px'); } });
- jquery-dialog.rar (372.8 KB)
- 下载次数: 13
发表评论
-
jquery插件之--TableDnD plugin
2015-05-07 18:41 0http://www.jqueryscript.net/dem ... -
jquery插件之--autocomplete
2015-05-07 18:40 604jQuery.Autocomplete 能够很好的实现输入框的 ... -
jquery选择器匹配方式
2015-04-07 19:49 590一直了解jQuery的优势之一是支持强大的 ... -
清空dom源码解析
2015-04-04 17:06 549jquery中empty()是采用逐个移除子元素实现的 zep ... -
Jquery方法-is()检测匹配元素集合
2015-04-01 16:08 675.is( selector ) 判断当前匹配的元素 ... -
类数组转换为数组makeArray()
2015-04-01 11:01 1162面试的时候遇到这个问题,在jquery中如何实现的将 ... -
jQuery.data()和html5 dataset
2015-03-26 16:33 1184我们先来看下HTML 5 增加的一项新功能是自定义数据 ... -
jquery插件之-图片放大镜
2015-03-26 10:17 866(一)mlens图片放大镜 尊重原创:http://www.j ... -
利用unique()去重和merge()合并数组
2015-03-24 14:28 4348$.unique() jQuery.unique(array ... -
jQuery.ajax 执行异步请求
2015-03-23 15:34 998jQuery.ajax( url [, settings ] ... -
jQuery插件开发入门
2015-03-19 16:09 806是什么? 所谓“插件”,就是用户自己新增的jQuery ... -
Jquery.extend()
2015-03-19 15:12 622var object = $.extend({}, objec ... -
jquery匹配元素替换目标元素
2015-03-04 10:47 614DOM树结构如下: <div class="c ... -
jquery-元素属性操作
2015-03-03 17:33 578attr(attributeName) 或者attr(attr ... -
jquery-one()
2015-02-13 16:06 712one() 为被选元素附加一个或多个事件处理程序,并规定当事件 ... -
jquery-map()遍历
2015-02-12 15:52 5661map() 把每个元素通过函数传递到当前匹配集合中,生成包含返 ... -
parseJSON()方法
2015-02-10 16:14 682jQuery.parseJSON(json) 将要解析的 J ... -
jquery-ajax get()和post()
2015-02-06 16:21 815get( url [,data][,success(data, ... -
jquery-ajaxStart()和ajaxStop()
2015-02-06 11:41 733ajaxStart()和ajaxStop()方法是绑定Ajax ... -
jquery ajax $.param()方法序列化字符串
2015-02-05 16:45 965jQuery.param( obj )将表单元素的值转换为序列 ...
相关推荐
popmessage参考html页面
以popup小窗口技术实现实时提醒,类似于div形式弹出框。
1.版本:matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
【基于Java+Springboot的毕业设计】付费问答系统(源码+演示视频+说明).rar 【项目技术】 开发语言:Java 框架:Spingboot+vue 架构:B/S 数据库:mysql 【演示视频-编号:330】 https://pan.quark.cn/s/8dea014f4d36 【实现功能】 付费问答系统通过MySQL数据库与Spring Boot框架进行开发,付费问答系统能够实现新闻类型管理,问题帖子管理,付费记录管理,新闻信息管理,用户管理,轮播图管理等功能。
关于旁路电容和耦合电容-(详细说明)
1.版本:matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
重庆大学期末考试试卷,重大期末考试试题,试题及答案
labview 与 C 和BASIC 一样,LabVIEW [2]也是通用的编程系统,有一个完成任何编程任务的庞大函数库。LabVIEW [3]的函数库包括数据采集、GPIB、串口控制、数据分析、数据显示及数据存储,等等。LabVIEW [3]也有传统的程序调试工具,如设置断点、以动画方式显示数据及其子程序(子VI)的结果、单步执行等等,便于程序的调试。 LabVIEW [2](Laboratory Virtual Instrument Engineering Workbench)是一种用图标代替文本行创建应用程序的图形化编程语言。传统文本编程语言根据语句和指令的先后顺序决定程序执行顺序,而 LabVIEW 则采用数据流编程方式,程序框图中节点之间的数据流向决定了VI及函数的执行顺序。VI指虚拟仪器,是 LabVIEW 的程序模块。 LabVIEW [2] 提供很多外观与传统仪器(如示波器、万用表)类似的控件,可用来方便地创建用户界面。用户界面在 LabVIEW 中被称为前面板。使用图标和连线,可以通过编程对前面板上的对象进行控制。这就是图形化源代码,又称G代码。
Excel数据看板,Excel办公模板,Excel模板下载,Excel数据统计,数据展示
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。
PictureUnlock_s_678376.pictureunlock
工作总结,新年计划,岗位总结,工作汇报,个人总结,述职报告,范文下载,新年总结,新建计划。
附件是逆序输出单向链表_Java 版本源码,代码首先定义了一个Node类来表示链表的节点,然后定义了一个LinkedList类来表示单链表,并提供了添加节点、打印链表和逆序链表的方法。最后,在Main类中创建了一个链表实例,添加了一些元素,然后调用reverse()方法来逆序链表,并打印出逆序前后的链表。
电商数据分析.py
Excel数据看板,Excel办公模板,Excel模板下载,Excel数据统计,数据展示
重庆大学期末考试试卷,重大期末考试试题,试题及答案
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。
labview 与 C 和BASIC 一样,LabVIEW [2]也是通用的编程系统,有一个完成任何编程任务的庞大函数库。LabVIEW [3]的函数库包括数据采集、GPIB、串口控制、数据分析、数据显示及数据存储,等等。LabVIEW [3]也有传统的程序调试工具,如设置断点、以动画方式显示数据及其子程序(子VI)的结果、单步执行等等,便于程序的调试。 LabVIEW [2](Laboratory Virtual Instrument Engineering Workbench)是一种用图标代替文本行创建应用程序的图形化编程语言。传统文本编程语言根据语句和指令的先后顺序决定程序执行顺序,而 LabVIEW 则采用数据流编程方式,程序框图中节点之间的数据流向决定了VI及函数的执行顺序。VI指虚拟仪器,是 LabVIEW 的程序模块。 LabVIEW [2] 提供很多外观与传统仪器(如示波器、万用表)类似的控件,可用来方便地创建用户界面。用户界面在 LabVIEW 中被称为前面板。使用图标和连线,可以通过编程对前面板上的对象进行控制。这就是图形化源代码,又称G代码。
重庆大学期末考试试卷,重大期末考试试题,试题及答案