Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作) <!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=gb2312" /><title>Jquery遮罩层</title><style type="text/css"> #BgDiv{background-color:#e3e3e3; position:absolu...
本文实例讲述了javascript弹出带文字信息的提示框效果。分享给大家供大家参考，具体如下： tooltips.js: // position of the tooltip relative to the mouse in pixel // var offsetx = 12; var offsety = 8; function newelement(newid) {if(document.createElement){var el = document.createElement(div);el.id = newid;with(el.style){display = none;position = absolute;}el.innerHTML = ;document.body.appendChild(el);} ...
js 弹出对话框(遮罩)透明,可拖动的简单实例 <html> <head> <script> function sAlert(txt) { //var eSrc=(document.all)?window.event.srcElement:arguments[1]; var shield = document.createElement("DIV"); shield.id = "shield"; shield.style.position = "absolute"; shield.style.left = "0px"; shield.style.top = "0px"; shield.style.width = "100%"; //window.alert(document.body.scrollHeight); shield.style.height =...
先给大家展示下效果图，如果大家感觉还不错，请继续参考实现代码。关键代码如下所示： function tishi(content,url) { var html = <div class="xiaoxi none" id="msg" style="z-index:9999;left: 5%;width: 90%;position: fixed;background:none;top:50%;"> <p class="msg" style="background: none repeat scroll 0 0 #000; border-radius: 30px;color: #fff; margin: 0 auto;padding: 1.5em;text-align: center;width: 70%;opaci...
本文是小编实现的一个简单的jquery点击弹出背景变暗遮罩效果，并且点击空白处隐藏弹出层的效果，效果非常棒，小编只给大家贴出了关键代码了，大家可以根据个人需要适当的添加内容。 js代码如下：<script type="text/javascript">$(document).ready(function(){$(".tkyy").click(function(event){event.stopPropagation(); //停止事件冒泡$(".marsk-container").toggle();});//点击空白处隐藏弹出层$("body").click(function(event)...
比例a标签点击后,弹出带确定与取消的窗口,点击确定则执行一个动作,否则不执行. 首先我们用ecshop 模板使用举例 {if $votings eq 1} <a href="javascript:;"onclick="if (confirm(多次投票将扣除100个积分,您确定投票吗？)) {vote_this({$item.id},{$item.cat_id});}else{return false;}"id="supportme15" > </a>{else}<a href="javascript:;"onclick="vote_this({$item.id},{$item.cat_id})"id="supportme15" > </a>{/if}<script ...
本文实例讲述了JS实现关闭当前页而不弹出提示框的方法。分享给大家供大家参考，具体如下： 关闭当前页面,并且打开新页面(不提示) function closeWinAndOpen(url) {var sWinName = "LR"+parseInt(Math.random() * 100000000);//利用随机数处理WinNamewindow.open(url,sWinName, toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=no,resizable=yes,copyhistory=yes);closeWin(); }关闭当前页面： function c...
本文实例讲述了JS实现刷新父页面不弹出提示框的方法。分享给大家供大家参考，具体如下： A页面 open方式出 B页面 ，当B页面做了类如保存动作后，需要关闭B页面，刷新A页面的情况下，会弹出一个提示框，要求点重试，这个就是发生预料之外的情况，用户体验很差。 解决方案分两种情况： 1、A页面很简单的情况（没有frame/iframe) 在B页面中的function中： function close(){window.opener.location.reload();window.opener = null;win...
本文实例讲述了JS实现简单的右下角弹出提示窗口效果。分享给大家供大家参考，具体如下： <!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>aa</title><style type="text/css">* {margin: 0px;padding: 0px;}html, bo...
本文实例讲述了JS实现弹出居中的模式窗口。分享给大家供大家参考，具体如下： <!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>JS弹出窗口</title> </head> <body> <script src="jquery-1.7.2.min.js" type="tex...
本文实例为大家分享JavaScript弹出拖拽窗口的具体实现代码，供大家参考，具体内容如下 需求说明： 1、点击页面按钮，弹出窗口； 2、要有半透明背景遮罩； 3、弹出窗口圆角，窗口半透明，但内容不透明；带阴影； 4、窗口可拖动； 5、拖动停止之后，滚动页面时窗口位置不动； 6、可以使用jQuery； 7、有关闭按钮； 进一步功能具体描述： 点按钮，会有一个可以拖拽的浮层出来。 有一个背景遮罩，支持标题栏的拖拽，在标题栏...
接上文JavaScript简单实现弹出拖拽窗口（一）进行学习。 下面开始具体分析代码部分： 首先我们先确认下结构： 悬浮窗口：初始不可见。包括标题栏和内容栏，标题栏内有标题和关闭按钮。 遮罩层：初始不可见。用于设置弹出悬浮窗口时的半透明背景， 按钮：用于点击弹出悬浮窗口。 下面进行详细解释 1、要让窗口能自由移动，那么窗口的定位（position）应该采用绝对定位（absolute）； /*登录浮层组件*/ .popup{ display:no...
1.概述采用弹出式悬浮菜单，不但可以使网站的导航内容更加清晰，而且不影响页面的整体效果。运行本实例，如图1所示，当鼠标移动到一级导航菜单的标题上时，将弹出悬浮菜单显示该菜单对应的子菜单，鼠标移出时，将隐藏悬浮菜单。2.技术要点本实例主要是在JavaScript中，动态改变<div>标签对象的style属性的display属性值来实现动态显示和隐藏二级导航菜单。其实，每一个一级菜单下的二级菜单内容是已经添加在网页的<div>标签中，只是...
手机涉及到填写表单时，需要手机弹出自定义的输入框，而非手机自带的输入键盘，如大写数字等。实现思路（考虑多种文本输入形式）：首先，文本框获取焦点时禁止手机弹出自带的输入键盘。// 禁用手机自带的键盘输入框 function forbidFocus(i){ $(#txt+i).focus(function(){ document.activeElement.blur(); }); } 其次，显示与关闭自定义的输入键盘。 // 打开自定义输入键盘 function showDialog(i) { $(#txt+i).on(click, functio...
本文实例讲述了JS弹出窗口插件zDialog简单用法。分享给大家供大家参考，具体如下： 因为没有元素可以显示到Frameset上面去，所以重新定义了，一个index.htm，对其的操作是： Index.htm <script language="javascript" src="JS/zDialog/zDialog.js" type="text/javascript"></script> <script language="javascript" src="JS/zDialog/zDrag.js" type="text/javascript"></script>//引入相应的界面 <script language="javascript" ty...