代码如下:";var content4 = "高级搜索"; T$(click_test4).onclick = function() { //其中click_test4是上面的按钮id //content4为要显示的div上面的内容 TINY.box.show(content4, 0, 350, 250, 0); };另外支持的js文件下载地址：点击下载
代码演示： http://www.imqing.com/demo/movediv.html 大概原理： 使div的position为绝对定位absolute，然后控制其top与left值，需要监听鼠标事件，主要用到mousedown, mousemove, mouseup。 在mousedown后，记录mousedown时鼠标与需要移动的div的位置，然后取得两者之差，得到在鼠标移动后，div的位置。即： left = 当前鼠标位置.x - (鼠标点击时的.x值 - div的初始位置x值) top = 当前鼠标位置.y - (鼠标点击时的.y值 - div的初始...
代码如下: New Document //创建一个弹出层,title 标题，width 宽度，height 高度，content 内容，url 如果url不为空时则覆盖content加载url页面中的内容 function CreatePopLayerDiv(title,width,height,content,url){ var titles = title || "标题"; var Iheight=$(window).height(); var Iwidth =$(window).width(); var heights = height || 300; var widths = width || 500; var Oheight= (Iheight -heights) / 2; var...
1、创建一个jsp页面，内容如下，js和css根据自己的实际情况而定 代码如下: pageEncoding="UTF-8"%> Insert title here 用户管理 添加 , 添加 姓名： onfocus="this.className='input220L';this.onmouseout=''" onblur="this.className='input220';this.onmouseout=function(){this.className='input220'};" onmousemove="this.className='input220Lg'" onmouseout="this.className='input220'"> * 昵称： o...
本屌丝最近工作要求重写网站所有代码，so...极其蛋疼的事情出现了，管我的人要求不能用网上的插件，oh~~~my god!! 这是多么能让千万只草原上的马儿奔腾的要求~~~ 先实现一个比较简单的功能： 需求：网页遮罩层/弹出层，兼容IE6 幸好本屌丝以前聪明收集了个js的版本，so，自己改写成了jQuery插件形式的，方便以后使用。 屁话不多放，无码无真相！ 代码如下: /******************************* * @name Layer跨浏览器兼容插件 v1.0 ...
thickbox是jQuery的一个插件，其作用是弹出对话框、网页框，使用户体验度更加愉悦，下面就来简单介绍它的几种用法。 声明一下：这只是个人的总结记载而已。 准备工作：你需要三个文件：thickbox.js、thickbox.css、jquery.js，网上到处可下 具体使用： 第一步：将这三个文件引入到你要使用thickbox的页面代码如下:第二步：一般简单使用就是给标签和Button添加样式：class=thickbox 还有就是通过thickbox函数调用：如tb_init()、tb_...
今天给大家带来一款基于jquery超炫的弹出层提示消息。这款实例页面初始时，一个go按钮。当单击go按钮时，提示强出层以动画形式出现。效果图如下：实现的代码。 html代码：代码如下:GO?SuccessCheck your email for a booking confirmation. Well see you soon!OK$('#go').click(function () {go(50);});$('#ok').click(function () {go(500);});setTimeout(function () {go(50);}, 700);setTimeout(function () {go(500);}, 2000);...
功能很简单，却非常的实用，代码更加的简洁，这里就不多废话了 奉上源码：代码如下:* { margin: 0px; padding: 0px; } .dragBox { width: 400px; height: 200px; position: absolute; top: 40%; left: 40%; background: #e8e8e8; z-index: 8001; } .dragBox > div { height: 30px; cursor: move; background: #00ff21; position: relative; } .ui-mask { width: 100%; height: 100%; background: #000; position: absolute; top: 0...
弹出层的应用还是比较多的，登陆，一些同页面的操作，别人的总归是别人的，自己的才是自己的，所以一直以来想写个弹出层插件。不多废话，直接开始吧！ 1：遮罩层要弹出层，先要用一个遮罩层挡在下面的页面，此遮罩层是全屏的，页面滚动也要有，所以设置 position: fixed;还要有透明效果，下面是我定义的遮罩层css,取名mask代码如下: .mask {position: fixed;width: 100%;height: 100%;background-color: white;overflow: scroll;fi...
2015年繁忙的一月份，无更多时间去学习ASP.NET MVC程序，二月份又是中国的新年，长达半个月的假期，望回到老家中，在无电脑无网络的日子里，能有更多时间陪伴年迈的父母亲。 今天学习jQuery的相关知识，应用到图片上，用户点一点图片，放大显示图片功能。 创建一个控制器FebY15Controller：接下来创建视图Index:标记1，添加图片样式：标记2，添加htm代码，原片显示以及放大图片的占位div标签：标记3，引用jQuery类库。 标记4，编写...
本文实例讲述了jQuery实现渐变弹出层和弹出菜单的方法。分享给大家供大家参考。具体实现方法如下：代码如下:jQuery实现渐变弹出层和弹出菜单/* 渐变弹出层 */ body{font-size:9pt;} #race{display:block;width:200px;height:50px;line-height:50px;text-align:center;background:#CCC;border:#555 1px solid;} .raceShow{background-color:#f1f1f1;border:solid 1px #ccc;position:absolute;display:none;width:300px;height:100px...
本文实例讲述了jquery处理页面弹出层查询数据等待操作。分享给大家供大家参考。具体实现方法如下：$(document).ready(function(){ layer.load(0); //初始化加载 //可选范围(0-9)0表示等返回结果后关闭，1-9表示自动关闭时间(s) });当查询结果集返回后，设置关闭等待的样式function init_page_pro(sdate, pro) { $.post("detail.key", {'pro' : pro,'sdate' : sdate }, function(result, resultState) {if (resultState == "succes...
依赖jquery，兼容IE6\7\8 火狐 chrom 等主流浏览器（绝对原创）， 不过请求大神帮我提升点效率。/*** jQuery弹出层插件* * @author lanhaoooo@163.com* @since 2014-08-23*/ (function($) {var methods = {o : {isIe : !-[ 1, ] || document.documentMode >= 9,//后面的是判断IE9、IE10的ie6 : !-[ 1, ] && !window.XMLHttpRequest,ie9_10 : document.documentMode >= 9,bgLayer : "layerModel_mask",dataId : "layerModel_main",w...
1.介绍 jQuery制作zoom图片全屏放大弹出层插件。 2.使用方法1.引入以下的js和css文件2.在head标签中加入以下js代码3.演示图4.全部代码：jQuery制作zoom图片全屏放大弹出层插件body{overflow-y:scroll;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;background:#f4f4f4;padding:0;margin:0;} h1{font-size:31px;line-height:32px;font-weight:normal;margin-bottom:25px...
渐入弹窗，背景变色不可点击。查看效果：http://runjs.cn/detail/t08gmoijpopup#popup{position: absolute;display:none; z-index:3000; background-color:#FFF; left: 601px; top: 217px; height: 150px; width: 217px;line-height:94px;text-align:center;border: 1px solid #03F; } #embedding{position: absolute; background-color: #36F; top: 94px;height:56px; width:217px;line-height:56px;text-align:center; } a{text-...