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

基于JQuery的Select选择框的华丽变身

2016年07月27日 5 阅读

不过这种情况可能是一去不复返了，如果你猜测是使用HTML5技术，那就错了，在中国，使用IE6浏览器的人仍占绝大大多数，这种古老的浏览器是不认识HTML5的。我现在推荐的是一款JavaScript插件，它有JQuery和Prototype两种版本，支持所有类型的浏览器。使用它后，你的页面上的select选择框会变的漂亮的让你大吃一惊，下面是使用前和使用后的对比效果图。单选模式：多选模式：更多的效果请访问这个插件的官方主页的中文翻译Chosen演示页面。具体...

JQuery里面的几种选择器查找满足条件的元素$（"#控件ID"）

2016年07月27日 5 阅读

样式：$（function （）{ $（"要选择的标签"）.click（function （）{alert （"弹出对话框内容"）;}） }）; 第一种：Id选择器用法：复制代码代码如下: <head> <title></title> <script src ="Jq/jquery-1.4.2.js" type ="text/javascript" ></script> <script...

自己动手开发jQuery插件教程

2016年07月27日 6 阅读

因为工作需要，所以这几天琢磨了一下关于jQuery插件开发的问题，经过一天鏖战，终于完成自己动手做的第一个jQuery插件，对于俺这种见了css就头痛的人来说，一天时间8小时，保守估计有5个小时在弄css（我css文盲级别，形容得还不够贴切，如果说文盲不会写字，只会说话，那我是连话都不会说的级别。），好了，废话少说，切入正题。首先要了解jQuery插件开发分两种，1.类级别的插件开发。2.对象级别插件开发。什么？你居然问什么是类级别和什么是对象级别？...

JavaScript原型继承之基础机制分析

2016年07月27日 6 阅读

这一语言功能的本质依赖于 JavaScript 特有的原型链（prototype chain）模式。所以严格意义上说，JavaScript 是基于原型的面向对象语言。也就是说，每个实例对象都具有一个原型。对象从该原型中继承属性和方法。 1、构造函数利用构造函数，可以简单地创建对象。构造函数内的 this 关键字指向实例对象本身：复制代码代码如下: function People（name）{ this.name = name; } 使用 new ...

JavaScript 原型继承之构造函数继承

2016年07月27日 6 阅读

上回说到《JavaScript 原型继承之基础机制》，这一篇将具体说说构造函数的继承。从一个简单的示例开始，创建描述人类的 People 构造函数：复制代码代码如下: function People（）{ this.race = "愚蠢的人类"; } 然后，创建描述黄种人的 Yellow 构造函数：复制代码代码如下: function Yellow（name, skin）{ this.name = name; this.skin = skin;...

一个JQuery写的点击上下滚动的小例子

2016年07月27日 7 阅读

功能需求： 1、滚动框内显示10条记录； 2、有向上和向下滚动按钮，每次点击按钮向上或向下滚动记录条数，不自动滚动； 3、记录条数不循环滚动，滚动到起点或终点则停止滚动。下面介绍一个简单实现方法： 1、外层容器（div） overflow: hidden，内层列表（ul） 2、按钮点击事件触发一个修改列表的函数 3、应用animate实现动画效果具体不再啰嗦，直接上代码 CSS设置复制代码代码如下: <style type="text/css...

基于jquery的多彩百分比动态进度条投票效果显示效果实现代码

2016年07月27日 5 阅读

打造漂亮动态友好的精选随机色彩投票百分比展示效果 HTML结构: 复制代码代码如下: <ul class="vote-box-list clearfix" id="appVoteBox"> <li class="vl-item" id="voteItem0" > <div class="vote-item-wrap"> <h4>A：</h4> <p class="litem"&...

jquery 查找iframe父级页面元素的实现代码

2016年07月27日 5 阅读

父页面代码复制代码代码如下: <！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="C...

js预载入和JavaScript Image（）对象使用介绍

2016年07月27日 6 阅读

预载入和JavaScript Image（）对象很多high-res图像真的可以使 Web 站点更加整洁。但是它们也会使站点的访问速度变慢——图像是文件，文件使用带宽，带宽直接与等待时间相关。是该了解如何通过一个叫做图像预载入（preloading）的技巧来提高 Web 站点的访问速度的时候了。图像预载入对于浏览器载入图像来说，只有在对图像发送一个 HTTP请求之后，它们才会被浏览器载入，对图像的 HTTP 请求要么使用＜img＞标记，要么通过方...

IE6/7中getAttribute获取href/src 属性（相对路径0值与其它浏览器不同

2016年07月27日 5 阅读

测试代码如下： home var link = document.getElementsByTagName（"a"）[0]; var img = document.getElementsByTagName（"img"）[0]; alert（link.getAttribute（"href"））; alert（img.getAttribute（"src"）） [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]有元素a和img（标准文档模式）...

JavaScript 选中文字并响应获取的实现代码

2016年07月27日 5 阅读

本人不怎么会写JS,但是会搜索，这里找到了些别人写好的东西：复制代码代码如下: select（document, tanchu）; /*=select[[ * * 跨浏览器选中文字事件 * @param * object o 响应选中事件的DOM对象，required * function fn（sText,target,mouseP）选中文字非空时的回调函数，required * |-@param * |-sText 选中的文字内容 * |-targ...

IE6、IE7中获取Button元素的值的bug说明

2016年07月27日 9 阅读

测试代码如下: 复制代码代码如下: <button value="abc">测试</button> <script> var btn = document.getElementsByTagName（"button"）[0]; alert（btn.value）; alert（btn.getAttribute（"value"））; </script> IE6/7:IE8/9/10/Firefox/Safari...

IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性

2016年07月27日 6 阅读

如设置class属性复制代码代码如下:el.setAttribute（"class", "abc"）;在IE6/7中样式“abc”将没有起作用，虽然使用el.getAttribute（"class"）能取到值“abc”。又如for属性复制代码代码如下: <label>姓名：</label><input type="checkbox" id="name"/> <script> var lab = do...

js中设置元素class的三种方法小结

2016年07月27日 7 阅读

一、el.setAttribute（"class","abc"）; 复制代码代码如下: <！DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>setAttribute（"class", "abc"）</title> <style type="text/css"> .abc { background: r...

dojo学习第一天 Tab选项卡实现

2016年07月27日 7 阅读

其实不然，用《精通Dojo》里的话来说就是"Dojo不只是一个程序库，而是一个工具包"，它比其他所有的JS库的插件更全面更广阔。它包含大约40个用户界面控件、1个图形框架、cometd支持、1个打包系统，还有其他的一些东西。从dojo官方网站上下载最新版1.6，解压下来，它有三个文件夹分别是：1. dojo: 是Dojo基础，你要做的其它事情都是在它的基础上，类似于jquery.js文件，但比它更丰富了一些其他功能;2. dijit : Dojo的小部...

range 标准化之获取

2016年07月27日 6 阅读

w3c range range 用来表示用户的选择区域，这块选择区域由两个边界位置界定，而位置则由其容器以及偏移量构成，称作 container 与 offset .如下是一个简单的位置示例：复制代码代码如下: <p><span>文字</span>^<span>文字</span></p> 其中 ^ 表示一个位置，则 container 为父节点 p，offset即为相对于父节点的...

IE6,IE7,IE8下使用Javascript记录光标选中范围（已补全）

2016年07月27日 6 阅读

刚和同事讨论了一个很有趣的问题，有个idea，需要记录用户在页面选中的内容，在ff和ie9下有w3c的dom2级事件createRange，这里不再累赘。主要问题是在IE6,7,8只能通过createTextRange选中热区。假如我们知道用户选择开始元素和偏移量，以及结束元素以及偏移量，那么我们可以用下面的例子把用户选择的内容用js给标记起来复制代码代码如下: <head> <script> function mark（） {...

JS target与currentTarget区别说明

2016年07月27日 5 阅读

复制代码代码如下: <div id="outer" style="background:#099"> click outer <p id="inner" style="background:#9C0">click inner</p> <br> </div> <script type="text/javascript"> function G（id）{ return document....

用JS实现一个TreeMenu效果分享

2016年07月27日 5 阅读

今天学的一点小东西和大家分享一下。类似TreeMenu控件. 不废话直接代码：复制代码代码如下: <script language="javascript"> function control（） {//定义函数 if （sMenus3.innerHTML == "+"） {//判断展开状态 ulMenu3.style.display = "block";//如果是“+”号则可以展开 sMenus3.innerText = "-";//...

JS面向对象编程浅析

2016年07月27日 5 阅读

在AJAX兴起以前，很多人写JS可以说都是毫无章法可言的，基本上是想到什么就写什么，就是一个接一个的函数function，遇到重复的还得copy，如果一不小心函数重名了，还真不知道从何开始查找错误，因为大家总是用面向过程的编程思想来写JS代码，而且也由于网络上充斥了太多小“巧”的JS代码段，很多都是随意而为，很不规范，这也就造成了大家对JS的“误解”，一味的认为它就是一个辅助的小东东，而不适合做大的东西开发。但是自从AJAX兴起后，大量的JS代码编写要求人...

首页 / 脚本样式 / JavaScript

基于JQuery的Select选择框的华丽变身

JQuery里面的几种选择器 查找满足条件的元素$（&quot;#控件ID&quot;）

自己动手开发jQuery插件教程

JavaScript原型继承之基础机制分析

JavaScript 原型继承之构造函数继承

一个JQuery写的点击上下滚动的小例子

基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码

jquery 查找iframe父级页面元素的实现代码

js预载入和JavaScript Image（）对象使用介绍

IE6/7中getAttribute获取href/src 属性（相对路径0值与其它浏览器不同

JavaScript 选中文字并响应获取的实现代码

IE6、IE7中获取Button元素的值的bug说明

IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性

js中设置元素class的三种方法小结

dojo学习第一天 Tab选项卡 实现

range 标准化之获取

IE6,IE7,IE8下使用Javascript记录光标选中范围（已补全）

JS target与currentTarget区别说明

用JS实现一个TreeMenu效果分享

JS面向对象编程浅析

JQuery里面的几种选择器查找满足条件的元素$（"#控件ID"）

基于jquery的多彩百分比动态进度条投票效果显示效果实现代码

dojo学习第一天 Tab选项卡实现