本文实例讲述了jQuery弹出遮罩层效果。分享给大家供大家参考，具体如下： <!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/html; charset=utf-8" /> <title>jQuery 遮罩层</title> <style type="text/css"> /* 半透明的遮罩层 */ #overlay {back...
原本计划实现这样一个需求： 前台点击触发某业务动作，需要用户补充信息，不做跳转页面，弹窗的形式进行补充信息。 折腾出来了，但是最终没有用到。代码还有些毛躁，提供大概实现逻辑。 实现思路：在窗口铺上蒙板以屏蔽原窗口功能按钮操作，在蒙板上层绝对定位实现弹窗，弹窗中的数据交互采用ajax方式。 出发弹窗事件用onclick. 关键细节：弹窗和原窗体本质是同页面，为了描述方便，姑且称底层窗体为父窗体，弹窗为子窗体。为了实现...
本文实例讲述了jQuery实现鼠标选中文字后弹出提示窗口效果。分享给大家供大家参考，具体如下： 运行效果截图如下：具体代码如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> </head> <body> <!--在文章内添加 selected-article ID--> <div id="selectedArtic...
本文实例讲述了jQuery实现的自定义弹出层效果。分享给大家供大家参考，具体如下： dialog.css： #DialogBySHFLayer {width:100%;height:100%;left:0;top:0;position:fixed;z-index:500;background-color:#333333;filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4; } /*弹出的提示框*/ #DialogBySHF {position:absolute;border-radius:3px;box-shadow:0 0 8px rgba(0, 0, 0, .8);background-color:#f2f2f2;z-index:600; } #...
最近在忙于jquery的前端开发，学习到很多知识，今天小编给大家带来一段代码片段有关弹出层后禁用滚动条的代码。 具体代码如下所示： $("cli-open").click(function(){ var scrollTop = document.body.scrollTop;//保存点击前滚动条的位置 window.onscroll=function(){ document.body.scrollTop = scrollTop;//赋值给滚动条的位置 } }) $(".cli-close").click(function(){ window.onscroll=function(){ document.body.scrollTop=doc...
主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。相比alert他的优点是： 1.他能看到结构话的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。2.console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。3.onsole里面的内容非常丰富，你可以在控制台输入：console，然后就可看到： Console {memory: MemoryInfo, de...
最近项目遇到了遮罩层的一些问题，总结一下：弹出遮罩层遮罩层弹出有非常多的方法，这里只写出本人用的代码，使用jq操作dom的方法进行实现的。<style>.box{position:absolute;width:100%;left:50%;height:auto;z-index:100;background-color:#f5f5f5;border:1px #ddd solid;padding:1px;}</style><div id="bg" v-click="closeMask()"></div> <div class="box" style="display:none"> <input v-click="closeMask()" class="inpt_bot...
本文实例讲述了jQuery实现页面点击后退弹出提示框的方法。分享给大家供大家参考，具体如下： demo.js： jQuery(document).ready(function ($) {if (window.history && window.history.pushState) {$(window).on(popstate, function () {var hashLocation = location.hash;var hashSplit = hashLocation.split("#!/");var hashName = hashSplit[1];if (hashName !== ) {var hash = window.location.hash;if (hash === ) {alert("希望...
本文实例讲述了jquery弹出框插件jquery.ui.dialog用法。分享给大家供大家参考，具体如下： 1. jquery.ui.dialog 官方地址 http://jqueryui.net/dialog/ jquery.ui.dialog是一个非常灵活的模式框,它的官方地址为: http://docs.jquery.com/UI/Dialog 2. 文件引用 要使用jquery.ui.dialog,需要引用两个文件，1个是js，另外1个是css 在contentpage中添加： <script type="text/javascript" src="/Content/ui.js"></script>在masterpage...
为了满足将网站加入到可信站点中，使用系统的控件，在弹出窗口的时候不用提示用户。可以通过下面的方法实现： 首先，了解一下可以设置的值和含义。 可信站点的注册表项目录 HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\ZoneMap\Ranges\Range[*] ActiveX控件的注册表项目录 HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\[0-4]\[*] 含义说明： Active...
这几天有个工作需求，就是在富文本输入区域（kindeditor）可以有@功能，能够容易提示用户名的（像在qq群组@人一样）。在网上找了一个叫bootstrap-suggest的插件，却不能满足我的需求，于是我决定在该插件上改良，主要是下面几点： 1. @内容的输入，能够匹配多个属性值。 2. 选中列表值后，是成块插入kindeditor的（方便删除，也利于区分文本）。 3. 修正输入偶数关键字@功能失效问题。 前言 在一开始，我用bootstrap-suggest（http...
在Web编程中，使用JS在新窗口打开页面的时候，会遇到被浏览器拦截的情况，那么，我们如何才能让JS打开新窗口不被浏览器阻止呢？ 一、问题一 一般情况下，如果直接在js中调用window.open()函数去打开一个新窗口，浏览器会对弹出的窗口进行拦截，因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体1、解决方法把window.open()函数改为由用户主动点击时触发，在超链接里加入onclick事件，这样浏览器就认为是用户想访问这个页面，...
简单写了写，可根据指定参数Deadline格式的时间进行测试，如存在些不严谨的地方还请指出。 // 设置cookie在当天指定时间点过期并提示 function setCookie(name,value,Deadline,callback){ // 获取当前日期对象 var curDate = new Date(); // 获取当前日期对应的时间戳 var curTime = curDate.getTime(); // 获取指定时间的时间戳 var endTime = convertTime(curDate,Deadline); // 计算出指定时间与当前时间的时间差 var disTime =...
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例 document.oncontextmenu = function(){return false}; //禁止鼠标右键菜单显示var res = document.getElementById(box); //找到id为box的divdocument.body.onmouseup = function(e){ //在body里点击触发事件if(e.button===2){ //如果button=1（鼠标左键），button=2（鼠标右键），button=0（鼠标中间键）console.log(e); //将传进去的参数打印出来console.log(e.off...
jquery CSS3遮罩弹出层动画效果，使用非常简单，就两个标签，里面自定义内容和样式，四种常见效果，懂的朋友还可以修改源代码修改成自己想要的效果 先给大家展示下效果图，如果大家感觉还不错，请参考实现代码。效果演示 关键代码如下所示： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1" /> <title>J...