1、引入JS文件和所需要的样式文件2、简单的写上以下18行代码就可以实现了$(document).ready(function() {$("div.tip_trigger a.img").hover(function() {$(this).parent(‘div.tip_trigger‘).css({‘background‘: ‘#8de08b‘,‘z-index‘: ‘1000‘});$(‘#h_coolsite .block‘).show();tip = $(this).siblings(‘.tip‘);tip.show();},function() {$(this).parent(‘div.tip_trigger‘).css({‘background‘: ‘none‘,‘z-ind...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>地图热点效果-鼠标经过弹出提示信息</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<script src="/ajaxjs/jquery-1.6.2.min.js" type="text/javascript"></script><!-- 建议用1.7的jquery -->
<script type="text/javascript">var jq = jQuery.noConflict(...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /><title>弹出式JavaScript日历控件</title><style>.tcalInput{background: url(‘/jscss/demoimg/201311/cal.gif‘) 100% 50% no-repeat;padding-right: 20px;cursor: pointe...
今天给大家带来的是 jQueryMobile 实现一个简单的弹出框效果，有兴趣的童鞋可以试试哦~ ^_^阅读原文： www.gbtags.com 原文：http://www.cnblogs.com/gbin1/p/3994692.html
给宝箱加上click事件，单击切换弹出层显示与隐藏，弹出层显示后单机任何地方都能让它关闭。这里用到了one()指令，给body绑定一个单次的操作，jQuery代码如下：$(‘#info li:eq(0)‘).click(function(){$(‘#iphone‘).toggle();$(‘body‘).one(‘click‘,function(){$(‘#iphone‘).hide();})return false;
})实际上该处应该是点击非自身的空白（弹出层也算自身）关闭弹出层。还没找到解决办法，暂时挂起。原文：http://www.cnblo...
在网上查了 很多 不是不符合就是效果不好;于是自己总结一番,解决此问题 原理:常见问题:弹出层居中了,背景也是半透明的 但是发现一拉动滚动条马上就露馅了发现背景只设置了屏幕所在段,其他部分都是原来的样子,而且弹出层因为滚动条移动不见了 这是网上大部分弹出层出现的普遍问题问题解决办法,有三种1.利用IE6的漏洞,_top和使用css expresstion表达式优点:不会抖动,通过计算得出位置,大部分浏览器都可以使用缺点:不推荐使用css expr...
jquery-easyui是一个基于jquery的图形界面插件，利用easyui可以创建很多好看的网页界面效果，easyui的相关地址是：http://jquery-easyui.wikidot.com/； easyui的中文文档地址是：http://www.easyui.net/，本人也利用easeyUI在做一些页面效果。由于我很喜欢那种弹出的对话框界面，因此在界面中应用了Dialog类来处理一些确认的信息，但在利用中发现，弹出的对话框，不能再继续执行asp.net按钮的后台响应代码。界面如下所示。操作是在...
基本思路先隐藏（dispaly：none）再显示，半透明蒙版层通过z-index:9998;z-index:9999;值越大越在前面index.html<!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>
<link rel="sty...
先来看DEMO：https://codepen.io/jonechen/pen/regjGG插件的开发很简单，运用了CSS3的动画效果，并且弹出框的内容可以自定义。插件的默认配置参数有三个：var defaults = {event: ‘click‘, // 默认点击事件dialogBox: ‘selector‘, // 弹出框容器hover: false, // 默认滑动事件关闭
}
CSS部分：*{padding: 0; margin: 0; list-style: none;font:14px/1.8 "microsoft yahei";}
body{background: #505050}
.btn{margin: 0 auto;wi...
常见接口如下：方法名描述$.layer({})核心接口，参数是一个对象，对象属性参见上述列表。诸如layer.alert()之类的为$.layer()的包装方法。layer.v获取版本号。layer.ready(callback)layer中的样式文件装载完毕后执行的方法，一般用于页面加载时调用layer，这样可避免样式未加载即调用层导致的错乱。 示例：
layer.ready(function(){layer.msg(‘Hello Layer‘);
});layer.alert()对单按钮信息框的重新封装，layer.alert(alertMsg ,...
<a title="收费用户" class="normal2 fancybox.iframe" href="/backmanage/userDate?mail=‘+dat[i]["nvcEmail"]+‘" target="_blank"><span class="color1">${user.username}</span></a> $(".normal2").fancybox({‘width‘:‘60%‘,‘height‘:‘80%‘,‘autoSize‘ : false,‘autoCenter‘ :true}); 原文：http://www.cnblogs.com/phyxis/p/5295270.html
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C、C++、C#、Java、JavaScript、Perl、Python等）。这些特性使JSON成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成(一般用于提升网络传输速率)。 JSON 语法是 JavaScript 对象表示语法的子集。数据在键值对中数据由逗号分隔花括号保...
昨天做项目遇到一个问题，和大家分享下，jquery实现点击按钮弹出层和点击空白处隐藏层的问题if($(‘.autoBtn‘).length){ $(‘.autoBtn‘).find(‘.assess‘).unbind().bind(‘click‘,function(event){ //取消事件冒泡 event.stopPropagation(); if($(‘.abtnBox‘).is(":hidden")){ $(‘.abtnBox‘).show(); ...
今天给大家分享一款优秀的 jquery 弹出层展示插件 fancybox。它除了能够展示图片之外，还可以展示 flash、iframe 内容、html 文本以及 ajax 调用，我们可以通过 css 来自定义外观。fancybox 特点：可以支持图片、html 文本、flash 动画、iframe 以及 ajax 的支持；可以自定义播放器的 css 样式；可以以组的形式进行播放；如果将鼠标滚动插件（mouse wheel plugin）包含进来的话 fancybox 还能支持鼠标滚轮滚动来翻阅图片；fancybox...
引言最近在一个项目中，在用户列表中需要对给没有签名样本的个别用户上传签名的样本，就想到博客园中上传图片使用弹出框方式，博客园具体怎么实现的不知道，只是如果自己来弄，想到两个插件的结合使用，在弹出框中使用uploadify插件进行上传，每次都会报错很是无语，最后找到解决方案，这里记录一下，算是对工作中遇到的bug的一个总结。bug这是vs调试状态下，显示的信息。在浏览器端，点击第一次上传按钮，正常，将弹出框关闭后，第...
效果图： 