久不出技术类文章，我都忘了自己是一程序员啦......今天写一点工作中遇到的东西，大家共同学习，反正也比较浅显了。弹出窗口 我们在工作中，经常会碰到弹出窗口类应用，有时候还需要一点遮盖层： 这类圆角弹出框其实用得还是很广泛的，用CSS3可以很容易的出现，但是考虑到浏览器兼容问题，这类还是需要用图片实现了 主要代码如下： 代码如下://弹出层剧中 function popup(popupName) { var _scrollHeight = $(document).scrollTop(...
功能：zhou en ce同学最近写了个基于jquery的信息弹出插件showInfoDialog，该插件对背景进行遮罩，然后弹出信息显示框，信息显示种类包括： 一、信息种类说明： 1.1、操作成功信息1.2、错误信息1.3、警告信息1.4、通知信息二、使用说明 代码如下: Insert title here var options = { 'dialogType' : 'info', 'theme' : 'info', 'message' : '数据加载完成！', 'refresh' : false }; $("#test").showInfoDialog(options...
当你需要使用弹出框时，当然可以使用jquery-ui,artdiag,blockUI等等，但今天我介绍一个轻量级的插件 boxy!它可以把美工设计的弹出框很容易的体现出来，而且兼容性还不错！ 代码如下: $(function() { $('#ask-actuator').click(function() { Boxy.ask("How are you feeling?", ["Great", "OK", "Not so good"], function(val) { alert("You chose: " + val); }, {title: "This is a question..."}); return false; }); $('#alert-...
对于 Boxy弹出框的使用之前写过一些文章（查看jquery.boxy基础），今天主要是在解决一个需要之后，觉得值得把它记录下来，所以就再写一篇，主要功能是，在弹出对话框后，隔N秒后自动隐藏，还有就是自动跳转！ 效果如图： 而所封装的代码如下： 代码如下: // boxy对话框扩展 var Boxy_Extensions = { options: { title: 艺吧提示, closeText: x }, //弹出后N秒后隐藏 alertDelayFun: function (info, timer, options) { options =...
模态窗体已经成为Web开发人员设计界面时经常要使用的传输数据的方式。通过模态窗口，可以提高网站的可用性。正好项目的需要，有个客户想要模态弹出的窗体来提交网站的反馈，经过一番测试实现了，我使用jQuery fancybox插件来创建一个漂亮的模态窗体，提交表单的数据在服务器端实现Ajax调用。你可以在你的邮件里收到用户发送的反馈消息html代码 header部分主要的JS文件如下引入jquery代码和fancybox代码 代码如下: 演示首先，从官网...
代码如下: 超漂亮的仿腾讯弹出层效果 body {background: #ffffff; color: #444;} a{color: #09d; text-decoration: none;border: 0;background-color: transparent;} body,div,q,iframe,form,h5{margin: 0;padding: 0;} img,fieldset { border: none 0; } body,td,textarea {word-break: break-all;word-wrap: break-word; line-height:1.5;} body,input,textarea,select,button { margin: 0; font-size: 12px; font-family:...
方式一，使用利用事件冒泡委托给列表的父节点去处理的方式： 代码如下: var ulObj = document.getElementById("myUl"); ulObj.onclick = function (event) { var tg = event.target; var liArray = ulObj.getElementsByTagName("li"); for (var i = 0; i < liArray.length; i++) { if (liArray[i] === tg) { alert(i + 1); } } } 方式二，使用闭包： 代码如下: var liArray = document.getElementById("myUl").getElementsByTag...
【1、最基本的js弹出对话框窗口代码】 这是最基本的js弹出对话框，其实代码就几句非常简单：代码如下: window.open ("page.html") 因为这是一段javascripts代码，所以它们应该放在标签和之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 window.open ("page.html") 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路...
弹出对话框的页面A：代码如下: function openDialog(){ paramers="dialogWidth:500px; dialogHeight:300px; status:no"; workerId = window.showModalDialog("userList.aspx","",paramers); if(workerId!=undefined && workerId!=""){ document.getElementById("leader").value = workerId; } } 模式对话框js：代码如下: function selectPositionAndClose(){ ...
用JavaScript创建一个欢迎cookie 软件代码编辑器，我用的是editplus；当然还有浏览器。步骤 先在编辑器里写入代码：运行代码,并写入自己的名字：得到欢迎cookie.
本示例使用Jquery的ColorBox插件弹出图片组浏览层。效果预览网址：http://www.keleyi.com/keleyi/phtml/colorbox/ 以下是本效果的完整代码，将以下代码保存到html文件，打开即可预览效果。 代码如下: 使用ColorBox弹出图片组浏览层 $(document).ready(function(){ $(".keleyi_com").colorbox({ rel: 'group1', transition: "none", innerWidth: '700px' }); }); 请点击下面链接，即可在弹出层显示图片组。 图片一 图片...
代码如下:<script type="text/javascript"> function closeIt() { window.opener = ; window.open(http://www.baidu.com); window.open(, _self); window.close(); } self.setInterval("newTime()", 1000) var t = 4; function newTime() { if (t > 0) { t = t - 1; document.getElementById("txtTime").value = t } else if (t <= 0) { closeIt(); } else { closeIt(); } } </script>相关文章：在微信、支付...
代码如下:// JScript 文件 var inputID, inputName;function ExpandSubCategory(iCategoryID, FahterID) {var li_father = document.getElementById("li_" + iCategoryID); if (li_father.getElementsByTagName("li").length > 0) //如果已经加载了下级节点则直接展开，不必在去读取数据 { ChangeStatus(iCategoryID); return; }//打开时显示稍等 switchNote(iCategoryID, true); //AJAX回调函数，加...
弹出层永远是一个前端必须搞定的东西，一般情况下，如果弹出层有固定的高和宽，用样式即可搞定，但是如果碰到没有固定高或者固定宽或者固定高和宽的时候，我们就需要用JS去处理，去动态获取当前窗口高或者宽；今天弄了2种情况，一个是相对于屏幕窗体，一个是相对于当前的窗口，看代码，或许对你有用： 代码如下: 无标题文档 body{margin:0px;padding:0px} #div1{background:#F00;color: #FFF; display:none;position:absolut...
此Jquery插件是一款非常实用的特效，是很多网站不可缺少的推广神兵利器，传统的一般都用百度、加网的分享插件，但样式外观都不怎么好看，用户体验效果差一点，此作品不但有分享功能，还具备了动画效果，提高了用户体验。由于用了CSS3，为了可以看到插件的最佳效果，建议大家使用谷歌、火狐等浏览器。。。作品包括以下功能： 1、弹出层 2、遮罩层 3、动画效果 4、CSS3 效果如下： 源码下载 代码片段(1) 代码如下: $(document).read...