jMessageBox 基于jQuery的窗口插件

jMessageBox 基于jQuery的窗口插件的相关文章

• 
  基于jQuery的窗口插件：jMessageBox

  标签：Web开发

  在WinForm程序开发中，经常用MessageBox弹出某些提示，功能虽简单但却非常的实用！而在Web页面中，浏览器也提供了Alert或Confirm等脚本语句用于弹出提示窗口，如下图：        但是这些弹出来的窗口的样式非常的单调无法设置，并且窗口标题还根据不同的浏览器显示不同的标题内容，非常的丑陋！对于高审美观的现代人来说，就大打折扣了！ jQuery现在这么流行、这么火，但网上却好...[ 查看全文 ]

  交友请进QT1671

  91
• 
  基于jQuery的弹出消息插件 DivAlert之旅（一）

  标签：Web开发

  打包下载 想着自己学习Javascript，以及Ajax、jQuery等已经有一段时间了，不过貌似还没有写过一个插件，看到jQuery官网上那么多令人眼前一亮的插件，自己今天也动心说是不是能够写一个类似的插件来瞧瞧，了解了jQuery插件的基本格式，理一下基本的思路，动工吧。。。 这个DivAlert插件，顾名思义就是页面弹出框，也就相当于Winform里面MessageBox.Show()那样的东西。 首先，我们来定义一下一些最...[ 查看全文 ]

  无奈的小女人哎

  71
• 
  基于jQuery的消息提示插件 DivAlert之旅（二）

  标签：Web开发

    改进的代码部分主要如下： 1、创建default.css文件: 代码 代码如下: img { vertical-align:middle; } .jBg { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #999; filter: alpha(opacity=70); opacity: 0.7; } .jWrap { position: absolute; border: 1px solid #cef; z-index: 10000; overflow: hidden; } .jTit { text-align: left; backg...[ 查看全文 ]

  无极限0101

  111
• 
  基于jQuery的消息提示插件之旅 DivAlert(三)

  标签：Web开发

  打包下载 本版本遵循了2.0的写法，此处通过extend方法封装了需要设置的各个选项，比起2.0版本的代码要精简了一些。 2.0版本 代码如下: //设置插件基本信息 var options = o || {}; options.width = o.width || 300; //提示框宽度若小于104px则自动重置为200px if (options.height 104) { options.height = o.height; } else { options.height = 200; } options.title = o.title || "...[ 查看全文 ]

  娜一笑的风情x7

  21
• 
  基于JQuery的cookie插件

  标签：Web开发

  简单使用方法： 代码如下： html head titleJQuery-Cookie插件/title script type="text/javascript" src="jquery-1.4.js"/script script type="text/javascript" src="jquery.cookie.js"/script /head body a href="#"设置cookie1/abr a href="#"设置cookie2/abr a href="#"获取cookie/abr a href="#"删除cookie/abr /body /html script type="text/javascript" $(function(){ var COOK...[ 查看全文 ]

  已不再温柔的人

  71
• 
  JQuery 插件制作实践 xMarquee插件V1.0

  标签：Web开发

  打包下载 插件需求 1，向左或者右移动列表中的元素.(注，上下方向也一样的，用css控制列表元素float的方向即可～) 2，鼠标移动到某个元素上时，改元素突出显示(css控制)，播放器停止滚动。移开后继续跑马。。 3，可选左右手工导航按钮。 实现原理 移动列表末尾元素到第一个元素前面即可。 将来的扩展(以后用到的话再看吧) 多个元素同时移动；移动时的效果；移动后的回调函数；（注：利用移动后...[ 查看全文 ]

  逆流成名

  171
• 
  基于jQuery的表单验证插件：jValidate

  标签：Web开发

  网上基于jQuery的表单验证插件已有很多，但是这个轮子我还是继续做一个，因为这个表单验证插件是从我以前的个人JavaScript框架移值过来的（我已慢慢投入jQuery的怀抱），并且它的验证规则书写方式也许会让你眼前一亮。 网上的各类表单验证插件的验证规则都是写在脚本里的，但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子： Code highlighting produced by Actipro CodeHighlighter (freew...[ 查看全文 ]

  乐观的橙橙橙汁

  01
• 
  基于jquery的tab切换 js原理

  标签：Web开发

  打包下载 html代码: 代码如下: div ulli rel="a1"b个人资料/b/lili rel="a2"b帐号维护/b/lili rel="a3"b在来个/b/lili/li/ul dl11111111111111111111111111111111 /dl dl 22222222222222222222222222222222222 /dl dl3333333333333333333333333333333333333 /dl /div js代码: 代码如下: $(function(){ $(".tabli").mouseover(function(){ $(".tabli").removeClass("on"); $(this...[ 查看全文 ]

  沫沫心弦

  31
• 
  jQuery插件 tabBox实现代码

  标签：Web开发

  打包下载 查了一下jq的官方插件编写文档（ http://docs.jquery.com/Plugins/Authoring ）以及文档中推荐的Mike Alsup写的一篇 A Plugin Development Pattern 。英语不是很好，但还是努力看下来（既学习到知识又能练习英语，何乐不为），照猫画虎的写了一个处女作——tabBox。 顾名思义，这个插件就是方便的产生具有tab选项卡功能“盒子”的。看图一下就明白 这样功能在网页上是非常肠炎宁个的，不论...[ 查看全文 ]

  smilebirdtime

  111
• 
  jQuery AnythingSlider滑动效果插件

  标签：Web开发

  打包下载 jQuery 是个宝库，而 jQuery 的插件体系是个取之不竭的宝库，众多开发者在 jQuery 框架下，设计了数不清的插件，jQuery 的特长是网页效果，因此，它的插件库也多与 UI 有关。 webdesignledger.com 网站推选了2009年度最佳 jQuery 插件，有些插件在本博客中已经有介绍，有些还没有，本文介绍的是：2009年度最佳 jQuery 插件—AnythingSlider 滑动 在一个固定区域，循环显示几段内容，这种方式很...[ 查看全文 ]

  可爱的贝贝麻麻

  231
• 
  jValidate 基于jQuery的表单验证插件

  标签：Web开发

  网上的各类表单验证插件的验证规则都是写在脚本里的，但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子： 代码如下: input name="name" type="text" id="name" size="30" jvpattern="^.+$" jverrortip="请输入正确的姓名." jvtipid="spt_name" jvmethod="checkname" / span id="spt_name" class="normaltips" jverrorclass="errortips" jvcorrectclass="correcttips"/span 注意看上面代码...[ 查看全文 ]

  金大大596

  81
• 
  jQuery DOM操作 基于命令改变页面

  标签：Web开发

  打包下载 呃，貌似是广告哈？呵呵，不过的确是这样，jQuery为我们提供了丰富的DOM操作方法，使这些复杂的DOM操作变得简单。 继上一回写jQuery的笔记貌似已经过去很长时间了，这一节也确实有必要写一下了，呵呵，Let's Go~ 操作属性： 之前，我们说过.addClass()及.removeClass()方法，更改的其实也是DOM的属性：className。 说到这就得再提一下，为啥元素的类名叫做className而不是直接叫class，因为cla...[ 查看全文 ]

  新空晨阳

  111
• 
  JQuery.uploadify 上传文件插件的使用详解 for A

  标签：Web开发

  后来朋友推荐了一个这个叫uploadify的上传插件，似乎挺好，就到官方下了个示例运行，感觉挺好，自己再稍加美化一下就OK 了..! 接下来就讲讲使用过程吧： 1. 下载 官方网站： http://www.uploadify.com/ 直接下载：jquery.uploadify-v2.1.0.rar 下载解压后： 说明：它里面有demo 但是是PHP的，还有一个帮助文档：uploadify v2.1.0 Manual.pdf. 2.创建工程： 结构如图 文件说明： A.js文件夹下...[ 查看全文 ]

  zniggang358

  621
• 
  基于Jquery的简单&简陋Tabs插件代码

  标签：Web开发

  HTML代码 代码如下: div class="tab" li class="selected" 1/li li class="hover"2/li li class="hover"3/li /div div class="tab_box" div class="newslist"第一个/div div class="newslist"第二个/div div class="newslist"第三个/div /div Jquery 代码如下: $().PPXTabs({ nav:'.tab li',nav_txt:'.tab_box div',selectedClass:'selected',hoverClass:'hover'}); jquery.PPXT...[ 查看全文 ]

  jiliuhui5

  11
• 
  JQuery Dialog(JS 模态窗口,可拖拽的DIV)

  标签：Web开发

  打包下载 效果图 调用示意图 交互示意图 如上图所示，这基本是JQueryDialog的完整逻辑流程了。 1、用户点击模态窗口的“提交”按钮时，调用JQueryDialog.Ok()函数，这个函数对应了用户提交事件。 2、用OO的概念来说，JQueryDialog.Ok()其实是一个虚函数，它的逻辑封装在子窗口ContentWindow.Ok()中，这一点我借鉴了FCKEditor，如下代码所示： JS代码 代码如下: var JQueryD...[ 查看全文 ]

  辣妈护肤瘦身

  381
• 
  jquery 最简单易用的表单验证插件

  标签：Web开发

  打包下载   代码如下: /* Jquery 表单验证插件 janchie 2010.1 janchie@163.com 1.01版 */ (function($){ $.fn.extend({ valid:function(){ if( ! $(this).is("form") ) return; //获取参数 var items = $.isArray(arguments[0]) ？ arguments[0] : [], isBindSubmit = typeof arguments[1] ==="boolean" ？ arguments[1] :true, isAlert = typeof arguments[2] ==="boolean" ？ argumen...[ 查看全文 ]

  影视器材爱好者

  101
• 
  基于jquery的一个图片hover的插件

  标签：Web开发

  先来看看使用方法。 演示地址 http://demo.jb51.net/js/jCutter_jquery/demo.htm HTML文件中这样写： 代码如下： div img src="1.jpg" alt="" div 这是点开后的页面的内容 /div /div 调用的话需要这样写： 代码如下： $(document).ready(function(){ options={ 'speedIn':600, //图片进入时候的动画速度 'speedOut':400, //图片退出时候的动画速度 'easeIn':'easeOutBounce', ...[ 查看全文 ]

  可爱的贝贝麻麻

  31
• 
  基于jquery的获取mouse坐标插件的实现代码

  标签：Web开发

  代码如下： /* * Copyright (c) 2010 刘建华 * * The above copyright notice shall be * included in all copies or substantial portions of the Software. * Example: divdemo/div divdemo/div script type="text/javascript" var o = $(document); o.mousemove( function(e){ var d = document.getElementById("demo"); d.style.left = ($.mouse(e).left + 5) + "px"; d.style.top = ($....[ 查看全文 ]

  爱眼色

  21
• 
  一个简单的jQuery插件制作 学习过程及实例

  标签：Web开发

  打包下载 一，首先，制作jQuery插件需要一个闭包 代码如下: (function ($) { //code in here })(jQuery); 这是来自jQuery官方的插件开发规范要求，使用这种编写方式有什么好处呢？ a) 避免全局依赖。 b) 避免第三方破坏。 c) 兼容jQuery操作符'$'和'jQuery ' 二，有了闭包，在其中加入插件的骨架 代码如下: $.fn.dBox = function (options) { var defaults = { //各种属性及其默认...[ 查看全文 ]

  SDDW15

  251
• 
  jQuery 练习[一] 学习jquery的准备工作

  标签：Web开发

  使用 jQuery 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用. 计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 jQuery, 估计要比使用 MSHTML.pas 方便得多. 官方站点: http://jquery.com/ 中文文档: http://jquery-api-zh-cn.googlecode.com/ 下载地址: http://docs.jquery.com/Downloading_jQuery jQuery 库就是一个 js 文...[ 查看全文 ]

  苏烟·来一根

  81