自制轻量级仿jQuery.boxy对话框插件代码

2017年02月06日 26 阅读

对此，jquery.boxy插件已经做得非常强大了，常用的提示、确认，拖拽、改变大小、异步加载都非常实用，导致文件较大（可忽略不计），很多功能并不需要，为此，抱着在边学边实践的态度和想法，自制一款适用于本项目的轻量级弹出层插件，这是第一次写jqeury插件，也为了以后能将常用操作封装为jquery插件做准备吧。 首先来个插件名字，这样才能去唬人，就叫jquey.cvbox.min.js吧，cv就是网站域名ChinaValue的缩写，压缩后的容量控制在6K以...

jQuery获取地址栏参数插件（模仿C#）

2017年02月06日 22 阅读

复制代码 代码如下: $.request = （function （） { var apiMap = {}; function request（queryStr） { var api = {}; if （apiMap[queryStr]） { return apiMap[queryStr]; } api.queryString = （function （） { var urlParams = {}; var e, d = function （s） { re...

自写的一个jQuery圆角插件

2017年02月06日 23 阅读

原理是利用1px的div，具体实现看代码。 使用方法： 复制代码 代码如下: $（".test"）.rounder（）; 这样会根据默认的设置产生一个圆角框，效果如图：圆角处会有点锯齿:（如果仅此而已，那肯定是不够的。我们会想加上自己的一个样式该怎么办？使用方法：复制代码 代码如下:$（".test"）.rounder（{borderColor:"red",backgroundColor:"#EEE",color:"blue"}）; 效果如图：接下来我就...

EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码

2017年02月06日 21 阅读

tabs代码如下： 复制代码 代码如下: <div id="tabs" class="easyui-tabs"> <div title="tabs1"> tabs1 </div> <div title="tabs2"> tabs2 </div> </div> 如果id="tabs"的div未设置宽度和高度，easyUI默认的宽度和高度是auto，这样在google...

基于jquery的给文章加入关键字链接

2017年02月06日 20 阅读

开始技术部门打算在后台添加或者修改文章的时候，把文章里面的关键字替换为<a>标签。但是这样就出现一些问题 如果新添加一个关键字，是不是所有的文章又要重新过滤一边。把新关键字替换掉。 如果修改了关键字的名字或者是修改了关键字的链接地址，那么又要重新过滤所有文件。 综合了一些情况后，感觉使用后台解决的方案行不通。于是我想到了前台脚本解决 思路： 关键字链接的信息任然存放在数据库中，在数据库中有一些字段来保存关键字的信息。 当用户添加，删除，更新关键...

Javascript下判断是否为闰年的Datetime包

2017年02月06日 24 阅读

来看看源码： 复制代码 代码如下: /** * jscript.datetime package * This package contains utility functions for working with dates and times. */ /*命名空间*/ if （typeof jscript == "undefined"） { jscript = function（） { } } jscript.datetime = function（）...

js下判断 iframe 是否加载完成的完美方法

2017年02月06日 23 阅读

采用的方法很类似： 复制代码 代码如下: var iframe = document.createElement（"iframe"）; iframe.src = "http://www.jb51.net"; if （！/*@cc_on！@*/0） { //if not IE iframe.onload = function（）{ alert（"Local iframe is now loaded."）; }; } else { iframe.onready...

简易 Javascript 调试包 Debug包

2017年02月06日 22 阅读

来看一个简易的 Javascript 调试包：jscript.debug.js，包含两个函数，第一个用来遍历对象的各个属性；第二个是一个通用的 Debug 函数（其实 说‘对象"比较‘精确些"，呵呵），用来规定各种错误级别及其各种提示、错误信息的格式化显示，还是《Javascript 实战》上面的经典例子，先看源码： 复制代码 代码如下: /** * jscript.debug package * This package contains utility...

BOM与DOM的区别分析

2017年02月06日 21 阅读

BOM与DOM的区别 §DHTML技术各项功能的实现都依赖于使用客户端脚本与浏览器宿主及在宿主中输出的Web页面之间的交互，这种交互是通过对象这个技术手段实现的。 §BOM即Browser Object Model浏览器对象模型，是在客户端脚本核心的基础上实现的扩展API，通过该API可以使用脚本访问浏览器窗口及其文档对象的各个方面。BOM从IE3.0/NS3.0开始引入。 §在BOM API中，把Web浏览器的各个主要外显特性、Web页面及其标记、内容等...

jquery ajax abort（）的使用方法

2017年02月06日 20 阅读

由于使用的是jquery,挡在手册里没有找到关于.abort（）方法，在网上搜索了一下，在http://ooxx.me/jquery-ajax-abort.orz看到有关于jquery 里.abort（）使用方法,直接用例子: 复制代码 代码如下: current_request = $.get（"/events", { "七夕": "发春" },function（resp） { alert（resp）; }）; if（current_request） {...

jQuery timers计时器简单应用说明

2017年02月06日 22 阅读

因为方便嘛，Jquery已封装JS的setTimeout 和 setInterval 方法，下面看下应用例子： 复制代码 代码如下: /** * jQuery.timers - Timer abstractions for jQuery * Written by Blair Mitchelmore （blair DOT mitchelmore AT gmail DOT com） * Licensed under the WTFPL （http://sam....

jQuery编写widget的一些技巧分享

2017年02月06日 24 阅读

1、在编写widget的时候，一般我们需要绑定一些事件，最好将这些widget的绑定事件加上当前widget的命名空间。如果同一个jQuery对象，使用了两个widget，而两个widget都绑定了相同的事件名称，可能会出现问题。在销毁widget的时候，去除绑定事件也很方便，只需要unbind（”.namespace“）就可以了。 2、在写jQuery的时候，因为jQuery对象是支持连写的。譬如：$（obj）.css（"height","20px"）....

基于jquery的网页SELECT下拉框美化代码

2017年02月06日 23 阅读

1.解决了有些select 美化代码,无法触发原有select 控件的onchange 事件问题。 2.允许多次调用 $（"..."）.selectCss（），以解决Select的options更新后无法同步的问题。 使用方法如下： 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht...

JavaScript 小型打飞机游戏实现原理说明

2017年02月06日 22 阅读

玩法说明：上下左右控制移动，空格发弹。 每打中一个敌机就加100分，每提升5000分，玩家的飞机的一次发弹数就加一，最多四，被敌机撞到或者让敌机飞到底部就算输。。。。 演示代码:http://demo.jb51.net/js/FlyBeat/index.html游戏目前的功能还是比较简单的。。。。貌似就贴个源码不太好，所以这次还是写写思路。。。 游戏主要分为4个js文件，4个js文件分别包含4个类。 1：飞机类---Flyer 复制代码 代码如下: //飞...

Jquery Autocomplete 结合asp.net使用要点

2017年02月06日 23 阅读

问题1：从webserver或者一般应用处理程序（.ashx）程序得到json字符串时不能自动识别，被解释成了string类型的。其实解决这个问题不是很难，只需要重载一个方法即可，下面把部分代码贴出来:标红的部分需要注意。 复制代码 代码如下: $（"#txt"）.autocomplete（"/Asmx/ExecutePlan.ashx", { extraParams:{hosid:HosID,profid:ProfID}, minChars: 0, ma...

jQuery.ajax 用户登录验证代码

2017年02月06日 21 阅读

复制代码 代码如下: $.ajax（{ type: "post", url: "Handler1.ashx", data: { username: "admin", password: "123" }, success: successHandle }）; function successHandle（rep） { $（"#msg"）.html（rep）; } ...

arrayToJson将数组转化为json格式的js代码

2017年02月06日 21 阅读

函数代码:复制代码 代码如下:function arrayToJson（o） { var r = []; if （typeof o == "string"） return """ + o.replace（/（[""\]）/g, "\$1"）.replace（/（ ）/g, "\n"）.replace（/（ ）/g, "\r"）.replace（/（ ）/g, "\t"） + """; if （typeof o == "object"） { if （！o.s...

10个基于Jquery的幻灯片插件教程

2017年02月06日 23 阅读

常听有人说jquery 比较难学，只要你感兴趣，实现幻灯片效果还是蛮有乐趣的，下面的Jquery 幻灯片教程将引领你进入Jquery插件开发的喜悦中，希望对大家有帮助。 1、 jQuery Easy Slides v1.1在所有的Jquery幻灯片插件中，Jquery easy sildes算是最容易使用的一个。2、 The Piecemaker XML Gallery非常酷的具有3D效果的jquery 插件，有详细的制作方法，有兴趣的朋友可以研究一下它的...

Web前端设计模式制作漂亮的弹出层

2017年02月06日 23 阅读

现在问题来了，这个版块不大，更新频率却很高，每天都有十数条最新的信息上去，浏览网站的会员对于最新图书的了解和需求越来越大，因此需要对这个板块进行改良，以满足会员的需求，会员的主要要求有以下几个方面：显示该最新上架的图书的封面缩略图，该图书的名称和作者名称，以及该书部分内容的介绍和作者的简介... 这下把Ben给愁坏掉了，首页上根本就没有多余的空间，怎么来呈现封面缩略图甚至是内容简介，如果去掉别的板块空间来实现这一板块的扩张，无异于在一家公司以牺牲一个部门来...

JQuery开发的数独游戏代码

2017年02月06日 23 阅读

用了很多Jquery的插件，支持鼠标滚轮选数字。没有什么高深的技术点。工作原因很长时间没有更新了，具体代码都有些记不清了，欢迎大家来拍砖。截图：演示地址：http://demo.jb51.net/js/jsukudo/index.html下载地址：jsukudo20081110v0.3.0.5.zip 下载列表：http://code.google.com/p/jsukudo/downloads/list 用到的JS文件文件名出处说明blockUI.jsh...