基于jquery的blockui插件显示弹出层

2016年07月27日 6 阅读

blockui可以在你发送ajax请求的时候，显示一个遮罩层禁止用户对页面进行操作并显示提示信息；或者用来显示一个登陆窗口，也可用来显示图片等。 blockui插件主要使用blockUI和unblockUI两个方法来控制弹出层的显示或者隐藏，可以在blockUI方法中指定一些参数，来控制弹出层显示的内容，大小，位置等。blockUI方法的常用的参数有：message,css,overlayCSS,showOverlay。 message：主要用来设...

jquery中eq和get的区别与使用方法

2016年07月27日 5 阅读

举个例子： <p style="color:yellow">绯雨</p>使用eq来获得第一个p标签的color值： $（"p"）.eq（0）.css（"color"） //因为eq（num）返回的是个jq对象，所以可以用jq的方法css使用get来获得第一个p标签的color值： $（"p"）.get（0）.style.color //因为get（num）返回的是个html对象，所以要使用传统的HTML对象方法，jq对象此时就没用了...

Jquery公告滚动+AJAX后台得到数据

2016年07月27日 5 阅读

aspx 复制代码 代码如下: <script src="http://www.cnblogs.com/js/jquery/jquery.js" type="text/javascript"></script> <script src="http://www.cnblogs.com/js/common/jquery.timers.js" type="text/javascript"></script> <...

jQuery创建插件的代码分析

2016年07月27日 5 阅读

创建jQuery插件，基本的格式是上面这段代码： 复制代码 代码如下: （function （$） { //add code here }）（jQuery） 我们怎么理解？ 第一步：function （$）{}定义了一个匿名的函数，有一个参数，$是参数名，和其他的参数名没什么区别。 第二步：（function （$）{}）（jQuery） 我们要执行一个匿名函数的时候，通常用var func = function （$） { },然后func（参数）这样...

JQuery之拖拽插件实现代码

2016年07月27日 5 阅读

而很多页面效果都要用到这些位置。不得已，得练练，得记记。 下面就来说说这个基于 JQuery的简易拖拽插件吧。 按惯例，先说说拖拽的原理，以及搞这么一个东东的步骤： 那什么是拖拽呢？ 看名字就知道了：就是把一个东东拖来拽去的。 放到我们的DOM上，就是改变它的位置。 它只有两个难点：1、如何知道是在拖？ 2、如何知道从哪拖，拖到哪？ 其实，这也算不上难点，毕竟两者都是基础的东西，关键在于熟练。 换到js 中，我们搞一个拖拽效果，大致有如下步骤： 1、让元素...

jquery下jstree简单应用 - v1.0

2016年07月27日 7 阅读

第一篇文章，具体使用也过去很长时间了，直接贴码： 1.代码中使用json数据格式（直接在页面中组装成的，并非后台组装，具体方法：function _callBack（d）） 2.提供右键菜单及功能实现 3.具有checkbox，提供获取选中节点ID方法：function getMenuIds（） 复制代码 代码如下: <script type="text/javascript" src="@{"/public/javascripts/jquery-1...

js网页侧边随页面滚动广告效果实现

2016年07月27日 5 阅读

a.scrollTop的计算； b.滚动元素的定位值计算； c.滚动周期设定； 代码如下： css部分： 复制代码 代码如下: /*测试用的高度*/ body{ height:3000px;} div,ul,li,body{margin:0; padding:0;} /*position:absolute;用于元素的定位*/ #roll{width:50px; height:100px; background:#99CC00; position:absol...

javascript 弹出窗口中是否显示地址栏的实现代码

2016年07月27日 5 阅读

Question : 在IE 7中弹出页面后，总是会显示地址栏，而该地址栏是不希望在程序中出现的，况且也影响美观。而在IE6中就不会出现地址栏。 Solution： 工具-->Internet 选项-->安全-->自定义级别-->允许网站打开没有地址栏或状态栏的窗口-->允许 这样设置了IE7后就不会在弹出窗口中出现地址栏了。IE7以及后续版本默认不可以打开不带地址栏的窗口，这样是为了安全起见。 javascript的wind...

分享10篇优秀的jQuery幻灯片制作教程及应用案例

2016年07月27日 5 阅读

幻灯片效果是常用的内容展示方式之一，这是一种在有限的网页空间内展示系列项目时非常好的方法。今天要给大家分享的是10篇非常棒的 jQuery 幻灯片教程及16个优秀的 jQuery 幻灯片应用案例。10篇 jQuery 幻灯片制作教程Create Beautiful jQuery slider tutorialjQuery Plugin – Feature ListCreate an Image Rotator with Description （CSS/j...

纯JAVASCRIPT图表动画插件Highcharts Examples

2016年07月27日 5 阅读

WhatisHighcharts？ 下载地址 http://www.jb51.net/jiaoben/24363.htmlHighchartsisachartinglibrarywritteninpureJavaScript,offeringaneasywayofaddinginteractivechartstoyourwebsiteorwebapplication.Highchartscurrentlysupportsline,spline,area,a...

表单JS弹出填写提示效果代码

2016年07月27日 5 阅读

HTML 复制代码 代码如下: <form id="form1" runat="server"> <div> <div style="margin-top:100px"> <asp:TextBox ID="TextBox1" runat="server" HintTitle="增加的内容信息标题" HintInfo="控制在100个字数内，标题文本尽量不要太长。"></asp:TextBox>&l...

EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题

2016年07月27日 7 阅读

遇到一个很奇怪的问题，ExtJs里的form提交创建的时候从session里取了个操作员的ID，然后在form里添加了一个xtype为hidden的组件，给它写了个value，奇怪的就出现了，在其中的一条机器上做是没有问题，换了一个机器，说什么就是不能赋值上去，搞的我老郁闷了。用了一个方法解决了此问题，但是老是感觉这样解决了很不爽，各位有没有遇到过这种问题，请指点一下。 先说说我的解决方法 给hidden组件加个ID 然后在form提交的时候 触发个方法使...

JavaScript中的isXX系列是否继续使用的分析

2016年07月27日 5 阅读

复制代码 代码如下: isNull: function（a）{ return a === null; }, isUndefined: function（a）{ return a === undefined; }, isNumber: function（a）{ return typeof a === "number"; }, isString: function（a）{ return typeof a === "string"; }, isBoolean: ...

ModelDialog JavaScript模态对话框类代码

2016年07月27日 9 阅读

/** * JavaScript ModelDialog v0.1 * * new ModelDialog（{ * caption 标题 "对话框标题"（默认） * template 主体内容 ""（默认） * dialogCls 对话框className "md-dialog"（默认） * headCls 头部className "md-head"（默认） * btnCloseCls 关闭按钮className "md-close"（默认） * body...

分享20款好玩的jQuery游戏

2016年07月27日 6 阅读

今天本文收集了20佳基于jQuery开发的特色游戏，一起来欣赏吧！1- Tetris with jQuery2- Game Query- Game engine for jQuery3- JQuery Snake Game Plugin4- JQuery Tic Tac Toe5- jQuery Powered Mine Sweeper6- Browser Shooter7- Angel Dreams8- Sudoku9- Basic Memory Gam...

提升你网站水平的jQuery插件集合推荐

2016年07月27日 5 阅读

看看这些非常棒的jQuery插件吧，我相信你会发现一些很有用的东西。lsotopeIsotope 是一款精致的 jQuery插件，用于创建单纯用 CSS 无法实现的智能的、动态的布局，非常强大。letteringLettering 是一款用于实现激进的网页排版的 jQuery 插件，可以帮助你在网站中加入丰富多彩的文字效果。jQuery.spritelyjQuery.spritely 是一款简单、轻量的 jQuery插件，用来创建创建动态角色和背景动画，效...

编写自己的jQuery插件简单实现代码

2016年07月27日 5 阅读

这里只阐述如何编写自己的插件，至于要实现什么功能，要因人而异了...好了，下面开始... jQuery插件主要分为三种 1、封装对象方法的插件 2、封装全局函数的插件 3、扩展选择器的插件 这里只编写前俩种，即比较常见的.. 大多数插件都是已这种形式编写的： 复制代码 代码如下:（function （$） { /* 这里放置代码 */ }）（jQuery）; 这样的好处是函数内部依然可以使用$作为jQuery的别名，而不影响到其他库使用$ jQuery提供...

基于jquery的设置页面文本框 只能输入数字的实现代码

2016年07月27日 6 阅读

代码如下： 复制代码 代码如下: $（"#money"）.bind（"propertychange",function（） { if（""！=this.value）{ var str = this.value.replace（/（^s*）|（s*$）/g, ""）; if（this.value ！= str ） this.value = str; } if（ isNaN（Number（this.value））） this.value = this.valu...

基于jQuery的为attr添加id title等效果的实现代码

2016年07月27日 6 阅读

核心代码:复制代码 代码如下:<script language="javascript" type="text/javascript"> $（document）.ready（function（）{ //$（"div.chapter a"）.attr（{"rel":"external"}）; $（"div.chapter a"）.each（function（index）{ var $linkthis=$（this） $linkthis.attr（...

jQuery Ajax 实例全解析

2016年07月27日 5 阅读

废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax（）进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax（）的（这个后面会说到）.1. load（ url, [data], [callback] ） ：载入远程 HTML 文件代码并插入至 DOM 中。url（String） : 请求的HTML页的URL地址。data（Map） : （可选参数） 发送至服务器的 key/value...