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

Javascript 世界时区时间显示代码

2016年07月27日 5 阅读

Javascript 世界時間時間顯示 //https://gist.github.com/1326893https://gist.github.com/1326893 //20120511 Geovin Du 塗聚文 function calcTime（city, offset） { var d = new Date（）; utc = d.getTime（） + （d.getTimezoneOffset（） * 60000）; var ...

通过百度地图获取公交线路的站点坐标的js代码

2016年07月27日 5 阅读

最近做百度地图的模拟数据，需要获取某条公交线路沿途站点的坐标信息，貌似百度没有现成的API，因此做了一个模拟页面，工具而已，IE6/7/8不支持复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>获取公交站点坐标</title> <style type="text/css"> h...

javascript 事件处理、鼠标拖动效果实现方法详解

2016年07月27日 5 阅读

先看看要拖动的层（模拟窗口）的效果图吧。要实现的拖动效果：鼠标左键在窗口上方的标题栏上按下，同时移动鼠标，窗口跟着移动。窗口：复制代码代码如下: <div id="win"> <div id="win_header"></div> </div> 一点准备工作：要让窗口能自由移动，那么窗口的定位（position）应该采用绝对定位（absolute）；给窗口添加标题栏，这里使用一个放在窗口顶部的层实...

基于jQuery的公告无限循环滚动实现代码

2016年07月27日 5 阅读

在线演示：http://demo.jb51.net/js/2012/callboard/jQuery代码复制代码代码如下: //第二版：Newton改造（function （win）{ var callboarTimer; var callboard = $（"#callboard"）; var callboardUl = callboard.find（"ul"）; var callboardLi = callboard.find（"li"）; va...

jQuery循环滚动展示代码可应用到文字和图片上

2016年07月27日 5 阅读

看见有的同学用 Adam Cai 的代码，感觉稍显复杂而且不够 jQuery。我用只依靠 jQuery 入门的思路写了一版，代码更少使用也更简单。在线演示： http://demo.jb51.net/js/2012/jquery_xhpic/[JavaScript]代码复制代码代码如下: $（document）.ready（function（）{ $（"#sItem li:not（:first）"）.css（"display","none"）; va...

js split 的用法和定义 js split分割字符串成数组的实例代码

2016年07月27日 5 阅读

关于js split的用法其它也不多说什么，下面直接举例给大家看看复制代码代码如下: <script language="javascript"> str="2,2,3,5,6,6"; //这是一字符串 var strs= new Array（）; //定义一数组 strs=str.split（","）; //字符分割 for （i=0;i<strs.length ;i++ ） { document.write（strs[i]+"&l...

IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结

2016年07月27日 6 阅读

解决方法一：IE6 Hack脚本复制代码代码如下: <script> if（navigator.appName == "Microsoft Internet Explorer"）{ var b_version=navigator.appVersion; var version=b_version.split（";"）; var trim_Version=version[1].replace（/[ ]/g,""）; if（trim_Versi...

JQuery选择器特辑详细小结

2016年07月27日 5 阅读

这是看《锋利的jquery》时，整理出来的一些东西，很多方法，需要大家亲自实践一下，才会理解得更加深刻，切莫眼高手低哦……Jquery选择器分类：基本选择器，层次选择器，过滤选择器，表单选择器一、基本选择器：jquery中最常用的选择器，也是最简单的选择器。通过元素id、class和标签名等来查找DOM元素。表-基本选择器选择器描述返回示例#id根据给定的id匹配一个元素单个元素$（“#test”）选取id为test的元素.class根据给定的类名匹配元素...

JQuery 返回布尔值Is（）条件判断方法代码

2016年07月27日 6 阅读

下面是JQuery的Is（）方法判断；复制代码代码如下: $（function（）{ $（"ul"）.click（function（event）{ var tar = event.target; if（tar.tagName == "STRONG"）{ alert（tar.tagName）; } }）; }）上面是原生JS判断；复制代码代码如下: $（function（）{ $（"ul"）.click（function（event）{ var ...

JS字符串累加Array不一定比字符串累加快（根据电脑配置）

2016年07月27日 5 阅读

先贴出完整代码. 复制代码代码如下: <script type="text/javascript"> function StringBuffer（） { this._strings = new Array（）; } StringBuffer.prototype.append = function（str） { this._strings.push（str）; //StringBuffer.prototype.length = this._st...

js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍

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="Content...

inputSuggest文本框输入时提示、自动完成效果（邮箱输入自动补全插件）

2016年07月27日 5 阅读

像QQ邮箱提示、百度的搜索框提示、淘宝的商品搜索提示等，现在有不少的网站都有类似效果，以提升用户体验。使用方法： new InputSuggest（{ input HTMLInputElement 必选 data Array ["sina.cn","sina.com","2008.sina.com","vip.sina.com.cn"] 必选 containerCls 容器className itemCls 容器子项classNa...

游览器中javascript的执行过程（图文）

2016年07月27日 7 阅读

1. 大多数游览器的组件构成如图在最底层的三个组件分别是网络，UI后端和js解释器。作用如下：（1）网络－用来完成网络调用，例如http请求，它具有平台无关的接口，可以在不同平台上工作（2）UI 后端－用来绘制类似组合选择框及对话框等基本组件，具有不特定于某个平台的通用接口，底层使用操作系统的用户接口（3）JS解释器－用来解释执行JS代码 ps：上图和知识点主要来自《HOW BROWSERS WORK: BEHIND THE SCENES O...

Javascript 异步加载详解（浏览器在javascript的加载方式）

2016年07月27日 5 阅读

一、同步加载与异步加载的形式 1. 同步加载我们平时最常使用的就是这种同步加载形式： <script src="http://yourdomain.com/script.js"></script> 同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、代码执行。 js 之所以要同步执行，是因为 js 中可能有输出 document 内容、修改dom、重定向等行为，所以默认同步执...

js面向对象多种创建对象方法小结

2016年07月27日 8 阅读

开始创建对象： 1.对象字面量。复制代码代码如下: var clock={ hour:12, minute:10, second:10, showTime:function（）{ alert（this.hour+":"+this.minute+":"+this.second）; } } clock.showTime（）;//调用 2.创建Object实例复制代码代码如下: var clock = new Object（）; clock.hour...

jQuery下通过replace字符串替换实现大小图片切换

2016年07月27日 7 阅读

核心就是使用replace替换img src的图片路径，从而实现不同尺寸图片的切换。下面这个动画就是显示了尺寸切换，单击“大图”按钮，则改变图片的src，加载大图，单击“小图”按钮，则又显示小图。 replace用法简单讲解：我其实也是新手，讲得不对望海涵。字符串.replace（a,b）;指的是用b将字符串含有a的部分代替，例如字符串obj="welcome to my website！"; obj.replace（"my","jb51net"）;...

基于jquery tab切换（防止页面刷新）

2016年07月27日 6 阅读

在网上找了很多jquery效果，都是这样的，于是自己写了一个。防止页面刷新的tab切换， 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...

使用JQuery和CSS模拟超链接的用户单击事件的实现代码

2016年07月27日 5 阅读

在正式开始本文之前，先来简单介绍下HTML的<a>标签：使用<a>标签，我们可以在HTML页面上定义锚（anchor），锚有两种用法：通过使用 href 属性，创建指向另外一个文档的链接（或超链接）通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）本文的内容与锚的第一种用法有关。复制代码代码如下: <%@ Page Language="C#" AutoEventWire...

jquery.Jwin.js 基于jquery的弹出层插件代码

2016年07月27日 5 阅读

代码如下：复制代码代码如下: （function （$） { var imgdir = "images/";//图片文件夹路径 var autoHide=false;//悬浮div是否自动隐藏 var hideType="hide";//隐藏的方式可选参数 hide、slide、fade var hideDelay=0;//悬浮div隐藏过程使用的时间 var hideTime=0;//悬浮div延迟隐藏时间 var zIndex=100;//多个d...

jquery.pagination.js 无刷新分页实现步骤分享

2016年07月27日 7 阅读

1.使用插件为 jquery.pagination.js ，如果没有这个js文件的话，我可以给发个。首先引用 jquery.pagination.js （分页js），跟pagination.css（分页样式css）。 2.页面js代码为复制代码代码如下: <script type="text/javascript"> var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化，修...

首页 / 脚本样式 / JavaScript

Javascript 世界时区时间显示代码

通过百度地图获取公交线路的站点坐标的js代码

javascript 事件处理、鼠标拖动效果实现方法详解

基于jQuery的公告无限循环滚动实现代码

jQuery循环滚动展示代码 可应用到文字和图片上

js split 的用法和定义 js split分割字符串成数组的实例代码

IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结

JQuery选择器特辑 详细小结

JQuery 返回布尔值Is（）条件判断方法代码

JS字符串累加Array不一定比字符串累加快（根据电脑配置）

js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍

inputSuggest文本框输入时提示、自动完成效果（邮箱输入自动补全插件）

游览器中javascript的执行过程（图文）

Javascript 异步加载详解（浏览器在javascript的加载方式）

js面向对象 多种创建对象方法小结

jQuery下通过replace字符串替换实现大小图片切换

基于jquery tab切换（防止页面刷新）

使用JQuery和CSS模拟超链接的用户单击事件的实现代码

jquery.Jwin.js 基于jquery的弹出层插件代码

jquery.pagination.js 无刷新分页实现步骤分享

jQuery循环滚动展示代码可应用到文字和图片上

JQuery选择器特辑详细小结

js面向对象多种创建对象方法小结