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

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

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

代码如下: 复制代码 代码如下:$("#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.... [阅读全文]

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

核心代码:复制代码 代码如下:script language="javascript" type="text/javascript" $(document).ready(function(){ //$('div.chapter a').attr({'rel':'external'}); $('div.chapter a').each(function(index){ var $linkthis=$... [阅读全文]

好玩的小游戏,25个好玩的JavaScript小游戏分享

值得一提的是,当下Web开发者们追捧的 Node.js 使得 JavaScript 能够在更多环境下运行,甚至是网站的服务器端,使得这门语言再次受到大家的关注。今天,本文与大家分享25个好玩的 JavaScript 小游戏,感受一下 JavaScript 的魅力。Bunny Hunt Travians Ajax Chinese Chess Digg Attack Invaders From Mar... [阅读全文]

mootools,基于mootools 1.3框架下的图片滑动效果代码

效果预览如下: 实现原理: 容器采用相对定位,图片采用绝对定位,当鼠标移动到相应的图片上,改变去left属性,用tween实现动画效果. 代码分析:写一个picSlider类实现代码封装 复制代码 代码如下:div id="container" img src="http://files.jb51.net/file_images/article/201104/r_song1.jpg" alt=""... [阅读全文]

google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)

1. 很多网站都是使用这种方式引入,客户的浏览器可能已经缓存过了 jquery。可以直接调用本地的,速度更快… 2. Google code 使用了 cdn 技术在很多地方有节点服务器,加载 jquery 时绝对不会比在你服务器上加载慢,本地服务器除外 : ) 3. 可以节省服务器流量,降低服务器带宽压力 可以使用两种方式引用 google code 的jquery 一、引用 http://www... [阅读全文]

jQuery判断元素是否是隐藏的代码

核心代码:复制代码 代码如下:if($("#elem_id").is(":hidden")) { } 实例代码1: 复制代码 代码如下:!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" html head title New Document /t... [阅读全文]

基于jquery的二级联动菜单实现代码

jQuery 1.3.2 简单实现select二级联动 复制代码 代码如下:!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" ... [阅读全文]

23个超流行的jQuery相册插件整理分享

这些jQuery插件包括演示、文档说明等,欣赏吧!1. Galleriffic 下载与文档 查看演示 2. jPhotoGrid 下载与文档 查看演示 3. Galleria 下载与文档 查看演示 4. YoxView 下载与文档 查看演示 5. Micro Image Gallery 下载与文档 查看演示 6. AD Gallery 下载与文档 查看演示 7. slideViewerPro 下... [阅读全文]

分享14个很酷的jQuery导航菜单插件

导航按钮是网站的非常重要的一部分,因其将网站的所有部分而集中一处,jQuery导航菜单插件在其中扮演重要的角色。 本文介绍了14个很酷的jQuery导航菜单插件,它们够漂亮、简单,并且完全兼容各种类型的web浏览器。1.Facets Navigation Demo | Download2.Rocking & Rolling Demo | Download 3.Garage Door Menu De... [阅读全文]

分享27个jQuery 表单插件集合推荐

编者按:本文是一位20岁的孟买小伙子Shamuil分享的,他是一位自由职业设计师和Blogger。 在全球访问量最高的前1000个网站中,几乎没有不用jQuery的。如今jQuery的力量是无限强大。本文将向你展示分享jQuery在表单方面 的强大,包括验证表单、密码遮罩表单和评论实时预览等。所以,不要错过本文哦,来看看当今jQuery的表单变化趋势吧。 1- jquery Form Valida... [阅读全文]

jquery灯箱,30个最好的jQuery 灯箱插件分享

jQuery 是非常流行的JS框架,其俨然已成了开发者的必备工具,其中的jQuery Lightbox插件更是为广大开发者所喜爱。它惊人的特征之一是jQuery Lightbox插件有很多变化。 下面介绍30个最好的jQuery Lightbox 插件,别忘了收藏它,以防未来的设计中错过它们中的一个。 1. Fancy Zoom (jQuery) 几天前,John重写了Cabel Sasser的F... [阅读全文]

jQuery 版元素拖拽原型代码

本文主要针对拖拽原型进行解析,给刚接触 JQuery 的爱好者一个简单的示例。在引入 Jquery.js 后: 复制代码 代码如下:script type="text/javascript" $(function(){ //绑定拖动元素对象 bindDrag(document.getElementById('test')); }); function bindDrag(el){ //初始化参数 v... [阅读全文]

js超链接,ToolTip 通过Js实现代替超链接中的title效果

自定义Tooltip特效 body ul { list-style: none; } body li { margin: 60px; } div { border: 1px solid #CCC; padding: 10px; background: #dff5ff; margin-left: 30px; } 百度 腾讯 新浪 搜狐 [Ctrl+A 全选 注:如需引入外部... [阅读全文]

鼠标特效代码,随鼠标移动的图片或文字特效代码

跟随鼠标的图片特效 这里放的是图片 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]其实这段代码很简单,也很好理解,只是获取了当前鼠标在屏幕中的位置; 然后再把坐标值赋给图片,或者文字!当然要用到 position:absoluute; 绝对定位!... [阅读全文]

浏览器加载项,让浏览器非阻塞加载javascript的几种方法小结

浏览器为了确保正确执行脚本和呈现布局在浏览器加载和执行完成它之前会完全阻塞页面后续内容的呈现和其他资源的加载。 在页面的加载过程中如果可以做到内容的逐步呈现,对于良好的用户体验来说是非常重要的。通常我们也会在wondow对象的onload事件处理函数中做一些事情,但由于脚本阻塞加载和呈现的特性这一方面增加了页面载入时间推迟了onload事件的触发,另一方面也延迟了用户所期待的反馈。这就需要我们使用... [阅读全文]

获取ip地址代码,javascript获取用户IP地址代码

网页特效获取用户ip地址代码 !doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd" html xmlns="http://www.111cnnet/1999/xhtml" head meta http-eq... [阅读全文]

新浪幻灯,javascript+flash新浪新闻频道图片幻灯切换

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head title新浪新闻频道图片幻灯切换效果/title met... [阅读全文]

后台注册脚本,ASP.NET后台注册javascript脚本方法

ASP.NET使用新增的Page.ClientScript属性在ASP.NET页面上注册和使用Javascript函数. 注意: .NET Framewrok 1.0/1.1中的Page.RegisterStartupScript 和 Page.RegisterClientScriptBlock方法已经被弃用,这两个用于注册脚本的方法需要一组键/值对,由于方法比较复杂,很可能发生键名冲突.Pag... [阅读全文]

jquery插件可以实现图片平滑向上或向左滚动

/* 彦磊基于jQuery图片平滑滚动插件(2009.04) * 在IE6/IE7/Mozilla 5.0(Firefox 3.0.5)中测试通过 * * * 此插件要求运行在jQuery v1.2 或更高版本上 * 插件可以实现图片平滑向上或向左滚动 * 如果您需要更多的效果或在使用中本插件存在BUG,可以给在彦磊的博客上留言,彦磊将尽自己最大努力完善此插件 * 您留言前请先到:http://g... [阅读全文]

JavaScript解析XML的方法总结

本文作者根据自己的实际工作经验,对JavaScript解析XML的方法进行了总结,希望可以给您带来帮助。最近一个项目中要用到树形列表,本来是用mztree的,但数据用了xml,本来xml就是树形目录,就打算用JavaScript直接解析xml文件了,网上找到一些JavaScript操作xml的方法,在此做一个总结。 我的xml文件Login.xml如下: <?xml version="1.0"... [阅读全文]

JavaScript链式调用的设计

链式调用,在PHP中使用的时候往往被人称作:连贯操作。 如果经常用ZF的人,会在Select类中很明显的看到这一点。目前连贯操作已经几乎被各大框架所引用(无非是以前不返回值,现在返回$this。哈哈) 以下是cssrain网站联盟中的karry(playgoogle)写的JS的连贯操作(链式调用),其实在jQuery中,这样的操作太常见了。 以下为全文内容: 用过jQuery的朋友一定对j... [阅读全文]

JavaScript

1.求y和z的值是多少? script type="text/javascript" var x = 1; var y = 0; var z = 0; function add(n){n=n+1;} y = add(x); function add(n){n=n+3;} z = add(x); /script 都为undefined,因为没有返回值。 2.javascript... [阅读全文]

C# winform与Javascript的相互调用

html head meta http-equiv="Content-Language" content="zh-cn" script language="javascript" type="text/javascript" !-- 提供给C#程序调用的方法 -- function messageBox(message) { alert(message); } /script /head body... [阅读全文]

JavaScript抓取asp.net值

JavaScript抓取asp.net的值用的还是比较多的,但有些写法还是不推荐的,这里写出来。 %@ Page Language="C#" AutoEventWireup="true" CodeBehind="javascript获取控件值.aspx.cs" Inherits="asp.net课堂演示._1111111111111" % !DOCTYPE html PUBLIC "-//W... [阅读全文]

JQuery和JavaScript点小图显示详细信息...

JQuery方法: html xmlns="http://www.w3.org/1999/xhtml" head title/title script src="js/jquery-1.4.2.js" type="text/javascript"/script script type="text/javascript" var data = { "images/xiao_01... [阅读全文]

jquery,14个很有用的jQuery技巧

本文收集整理了14个很有用的jQuery技巧,与大家分享。1.通过方法返回Jquery对象实例。用 var someDiv = $(‘#someDiv’).hide(); 代替 var someDiv = $(‘#someDiv’); someDiv.hide(); 1.通过方法返回Jquery对象实例用 var someDiv = $(‘#someDiv’).hide(); 代替 var so... [阅读全文]

tab切换,一款简单好用的tab切换效果 javascript(jqu...

下面我们经常用到的tab切换效果,很简单。 这个方法的优势是无论你有多少切换标签,您只需要给切换标签和对应显示的内容加上ID号就OK。 所占资源很少。 拷贝可以看到效果,修改.current样式修改成您要的当前效果 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D... [阅读全文]

面试题及答案,JavaScript面试题(部分答案)

一、单选题 1、以下哪条语句会产生运行错误:(a) A.var obj = ();//语法错误 B.var obj = [];//创建数组 C.var obj = {};//创建对象 D.var obj = //; 原因:var obj = new Array ();是对的;JavaScript 中大括号表示创建对象。var obj = { id:1, name:"jacky" };a... [阅读全文]

泄露你的JavaScript技术很烂的五个表现

其实,你和Javascript都站错了立场,而现在,你让Javascript很生气。这里有五个原因能说明你的Javascript技术很烂。 Javascript在互联网上名声很臭,但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学前脚本语言,它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实,你... [阅读全文]
<< < 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 > >> 共3700条 分124页