JavaScript资料,JavaScript文章,JavaScript文档-易库教程

jQuery阻止冒泡和HTML默认操作

2017年02月06日 23 阅读

1：jQuery是一个快捷简便的JavaScript框架，说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 2：在当今的各个浏览器中都支持事件的冒泡，所谓的冒泡可以这样理解：条件：外层有一个DIV元素，在内层有一个P元素，他两存在这样的关系:DIV是P元素的父元素，而P是外层DIV的子元素，他们之间存在包含和被包含的关系。事件：现在我们都在这两个元素上绑定相同的事件，比如click事件。结果：这时，当我们点击...

Google AJAX 搜索 API实现代码

2017年02月06日 24 阅读

Google AJAX 搜索 API文档：http://code.google.com/intl/zh-CN/apis/websearch/docs/复制代码代码如下:<！DOCTYPE html> <html> <head> <title>Google AJAX 搜索 API</title> <style type="text/css"> #searchcontrol .gsc-c...

javascript实现的使用方向键控制光标在table单元格中切换

2017年02月06日 22 阅读

效果截图： html 代码：复制代码代码如下: <！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>...

非阻塞动态加载javascript广告实现代码

2017年02月06日 21 阅读

复制代码代码如下: <！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> <meta http-equiv="Content...

基于jquery的一个OutlookBar类，动态创建导航条

2017年02月06日 20 阅读

图示效果：演示地址：http://demo.jb51.net/js/menu_jquery/index.html下载地址：http://xiazai.jb51.net/201011/yuanma/menu_jquery.rarOutlookBar.js 复制代码代码如下: function OutlookBar（targetName）//targetName:右侧iframe的name { //创建标题 this.AddTitle=function（me...

JQuery 选择和过滤方法代码总结

2017年02月06日 22 阅读

1、查找所有符合条件的元素 find（）举例： $（"ul"）.find（"li"）.addClass（"tmpExample"）; 查找页面中ul元素下的所有li元素，并为查找到的li元素增加tmpExample样式。2、查找指定元素的兄弟节点 siblings（）举例：$（"li#tmpCarrot"）.slblings（）.addClass（"tmpExample"）; 查找ID为tmpCarrot的li元素所有的兄弟节点，并为查找到的兄弟节点增...

jQuery lazyload 的重复加载错误以及修复方法

2017年02月06日 23 阅读

分析代码也可以知道。最主要的原因是写在页面上的 <img src="the_big_img_toLoad.jpg" />一经加载，就去向服务器申请图片地址，加载大图片。如果想实现原定的效果，则写在页面上的待加载地址必须不能是大图片的地址，而我们可以将真正的图片地址数据存储在alt属性中。正确的例子如下：复制代码代码如下: <a href="#nogo"><img alt="http://www.jb51.ne...

jquery.cvtooltip.js 基于jquery的气泡提示插件

2017年02月06日 23 阅读

序 1.插件名cvtooltip中的cv是ChinaValue的首字母缩写，而tooltip就是提示啦。 2.适用于新功能的提示，引导用户的提示，即时类消息的提示，操作失败提示（操作成功了也没人拦着）等等等，使用css实现，不附带任何图片文件。 3.目前发现的问题，在Chorme中表现的不给力，是由于Chrome对页面的解析与IE和FF不同，导致jquery的position或者offset返回值不同。 4.该插件依然是练习之作，一人之力，错误难免。实例...

基于jquery的跨域调用文件

2017年02月06日 23 阅读

官方的文档特别说明，该函数只适用于1.2以后的版本，之前的版本是不行滴。复制代码代码如下: function GetCrossDomainContent（） { $.getScript（"http://two.xthost.info/im0417/cnblogs.txt", function（） { if （typeof （msg）！= "undefined"） { $（"#TestCrossDomain"）.val（msg[0]）; } }）; ...

jQuery 定时局部刷新（setInterval）

2017年02月06日 23 阅读

复制代码代码如下:<head> <script src="jQuery/jquery-1.4.1.min.js" type="text/javascript"></script> <script> $（document）.ready（function （） { setInterval（"startRequest（）",1000）; }）; function startRequest（） { $（"#date...

DIV菜单层实现代码

2017年02月06日 20 阅读

他便给我截了个图是，QQ商城的分类菜单，效果如下:我看了一下，咦！咱们这博客园也是这种呀！我自己之前也没做过这种效果，正好自己试试！（我不是做美工的，不过到js略懂罢了！）一、分析： 1，右边大分类肯定是一个层下面用divMenuContent表示 2，左边鼠标移上去的那个应该也是个层，下面用divMenuItem表示问题：怎么样表现过如图的样子呢？左边和右边看起来是一体的！于是想到divMenuItem的右边为none,而且z轴高于divMenuCo...

使用jQuery的将桌面应用程序引入浏览器

2017年02月06日 23 阅读

随着 RIA 的广泛使用，将越来越多地使用 JavaScript 库协助开发。RIA 被定义（松散地）为通过浏览器运行的应用程序，这种浏览器结合使用 CSS/JavaScript/Ajax 创建类似桌面应用程序的外观。Firefox、Internet Explorer 和 Safari 最新发行版中新增的特性，以及 Google 新 Chrome 浏览器最近的版本，都专注于加快每个浏览器的内部 JavaScript 引擎的速度，其惟一目的是更加适应浏览器制...

基于jquery实现的可以编辑选择的下拉框的代码

2017年02月06日 22 阅读

效果图：代码如下：复制代码代码如下: <！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>可以编辑...

基于jQuery的获得各种控件Value的方法

2017年02月06日 23 阅读

HTML代码复制代码代码如下: <asp:RadioButtonList ID="RadioButtonList1" runat="server"> <asp:ListItem>1</asp:ListItem> <asp:ListItem>2</asp:ListItem> <asp:ListItem>3</asp:ListItem> <asp:ListItem&g...

基于JQuery的访问WebService的代码（可访问Java[Xfire]）

2017年02月06日 23 阅读

我仔细看看了看看几个人的例子,发现了问题。众所周知WebService是遵守SOAP协议的，为什么例子都是JSON格式的参数传递？net WebService兼容JSON格式，而Java的是标准WebService，不兼容JSON。看来net害了大家啊。于是我仔细了解了WSDL文件，做了个例子。下面只放关键代码。复制代码代码如下: $（function （） { $（"#btnWs"）.click（btnAjaxPost）; }）; function ...

Jquery与JS两种方法仿twitter/新浪微博高度自适应无缝滚动实现代码

2017年02月06日 20 阅读

首先是Jquery 无标题文档 $（function（）{ var scrtime; $（"#con"）.hover（function（）{ clearInterval（scrtime）; },function（）{ scrtime = setInterval（function（）{ var $ul = $（"#con ul"）; var liHeight = $ul.find（"li:last"）.height（）; $ul.animate...

突发奇想的一个jquery插件

2017年02月06日 24 阅读

一。基本介绍这个jq插件主要是使用canvas来画出这个tip的外表，而且这个tip能够自动调整大小，由于是用canvas画的，而不是图片，所以调整之后也不会变模糊之类的。主要思想是用一个P标签来装载title的值，然后把他放在一个大小根据这个P来改变的canvas里面，难点是定位。话说貌似我们一开始不指定font-size的时候，火狐可以查找出一个默认的font-size值，而谷歌浏览器却读不出值，这个较为郁闷。详细说明请参考代码注释。二。演示...

javascript tips提示框组件实现代码

2017年02月06日 24 阅读

tip.js 复制代码代码如下: function tips（obj,tag）{ var tip = document.createElement（"div"）,arg= arguments[2],left,top; //创建tipbox var bodywid= document.documentElement.clientWidth; //这里也可以替换为容器的宽度$（id）.outerWidth（）; var abs = obj.getElemen...

高亮显示web页表格行的javascript代码

2017年02月06日 25 阅读

本篇作为开发学习笔记之一。 [文] 在web开发中经常遇到需要加亮鼠标指向的表格行的情况。首先说说一般的情况。 ·简单尝试 CSS2中允许我们对HTML元素使用hover伪类，这极大的方便了对于表格的样式的控制。我们从一个小例子开始： XHTML（只列出了表格部分，请自行补完页面，本例在Transational的DTD下通过）：复制代码代码如下: <table class="datatable" cellspacing="0"> <...

function foo的原型与prototype属性解惑

2017年02月06日 23 阅读

疑惑出自于：复制代码代码如下: function foo { this.name = "foo"; } alert（foo.prototype === Function.prototype ）; //false。当时一直没想明白为啥foo的原型不是Function.prototype。下面例子让我想当然的认为o.prototype === Function.prototype 应该为true的：复制代码代码如下: function foo...

首页 / 脚本样式 / JavaScript

jQuery阻止冒泡和HTML默认操作

Google AJAX 搜索 API实现代码

javascript实现的使用方向键控制光标在table单元格中切换

非阻塞动态加载javascript广告实现代码

基于jquery的一个OutlookBar类，动态创建导航条

JQuery 选择和过滤方法代码总结

jQuery lazyload 的重复加载错误以及修复方法

jquery.cvtooltip.js 基于jquery的气泡提示插件

基于jquery的跨域调用文件

jQuery 定时局部刷新（setInterval）

DIV菜单层实现代码

使用jQuery的将桌面应用程序引入浏览器

基于jquery实现的可以编辑选择的下拉框的代码

基于jQuery的获得各种控件Value的方法

基于JQuery的访问WebService的代码（可访问Java[Xfire]）

Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动实现代码

突发奇想的一个jquery插件

javascript tips提示框组件实现代码

高亮显示web页表格行的javascript代码

function foo的原型与prototype属性解惑

Jquery与JS两种方法仿twitter/新浪微博高度自适应无缝滚动实现代码