本文实例讲述了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...