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...
这段时间在做开发时，用到了JQuery弹出炫丽对话框，背景变灰色。特地和大家分享分享。 先看效果图： 代码如下： 代码如下: JQuery弹出框，背景变灰色 $(document).ready(function(e) { $( "#reviews" ).bind('click',function(event) { $( "#checkandPass" ).dialog({ autoOpen: true, width: 765 , show: "blind", hide: "explode", modal: true,//设置背景灰的 }); $( "#checkandPass" ).dialog( "open" ); return true...
本屌丝最近工作要求重写网站所有代码，so...极其蛋疼的事情出现了，管我的人要求不能用网上的插件，oh~~~my god!! 这是多么能让千万只草原上的马儿奔腾的要求~~~ 先实现一个比较简单的功能： 需求：网页遮罩层/弹出层，兼容IE6 幸好本屌丝以前聪明收集了个js的版本，so，自己改写成了jQuery插件形式的，方便以后使用。 屁话不多放，无码无真相！ 代码如下: /******************************* * @name Layer跨浏览器兼容插件 v1.0 ...
浏览器后退时必定会有一些消息，这里使用jquery判断浏览器后退并弹出消息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("Back button isn't...
自己改写一些jquery的部分代码，自己总结出来一个比较好用的jquery弹出框，留着以后工作时候再用。喜欢就拿走吧！ 代码：jquery实现弹出登陆窗口 jQuery(document).ready(function($) { $('.login').click(function(){ //jquery的点击事件 $('.body-color').fadeIn(100);//全局变得黑的效果，具体的div就是theme-popover-mask这个 $('.hide-body').slideDown(200);//将隐藏的窗口div显示出来 }) $('.close-window .close').cl...
thickbox是jQuery的一个插件，其作用是弹出对话框、网页框，使用户体验度更加愉悦，下面就来简单介绍它的几种用法。 声明一下：这只是个人的总结记载而已。 准备工作：你需要三个文件：thickbox.js、thickbox.css、jquery.js，网上到处可下 具体使用： 第一步：将这三个文件引入到你要使用thickbox的页面代码如下:第二步：一般简单使用就是给标签和Button添加样式：class=thickbox 还有就是通过thickbox函数调用：如tb_init()、tb_...
这是一款利用jquery动画特效和css打造的侧边弹出垂直导航，整个弹出过程比较流畅，而且代码很简单，如果你正在寻找一款带动画的垂直导航，那么可以试试这个。 HTML源码：代码如下: Jquery+CSS侧边弹出垂直导航 html, body, ul, li {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;font-family: "Verdana","lucida sans",Sans-serif;font-size: 12px; } html, body {min-height: 100%;color: #FFFFFF;backgro...
ZoneMenu是一个菜单jQuery插件，只需占用页面上的一个小区域，却可以实现多级菜单。 完整HTML文件代码：代码如下:ZoneMenu- jquery pluginhttp://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.1.min.js">http://keleyi.com/jq/zonemenu/js/jquery.zonemenu.js">ZoneMenu DemoZoneMenuhttp://xxx.com/jq/zonemenu/">ZoneMenuxxx">http://xxx.com/">xxx Home WebFronthttp://xxx.com/menu/webqd/">WebFrontjQueryhttp://xxx.com/men...
今天给大家带来一款基于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...
看了jQueryUI Dialog的例子，效果还不错，就是用起来有点儿别扭，写出的代码有点拧巴，需要再封装一下！于是就有了下面这个简单的DialogHelper辅助类，因为这篇文章分享的重点是思路，所以目前版本的代码也还非常粗糙。思路对了，后续再封装成什么样都不过是形式而已，希望这个思路能给大家点启迪，同时欢迎大家开拓思维，提出更好的改进意见。代码如下: //require ScrollHelper.js function DialogHelper() {var _this = this;var...
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...
这是网友在EasyUI拓展时的代码。 可以根据实际需要自行修改。$.modalDialog2.handler 这个handler代表弹出的dialog句柄$.modalDialog2.xxx 这个xxx是可以自己定义名称，主要用在弹窗关闭时，刷新某些对象的操作，可以将xxx这个对象预定义好代码如下: $.modalDialogTwo = function(options) {if ($.modalDialogTwo.handler == undefined) {// 避免重复弹出 var opts = $.extend({title : ,width : 840,height : 680,modal : true,on...