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

Jquery Ajax解析XML数据（同步及异步调用）简单实例

2017年02月06日 13 阅读

复制代码代码如下:$.ajax（{ async: true, // 默认true（异步请求） cache: true, // 默认true,设置为 false 将不会从浏览器缓存中加载请求信息。 type: "POST", // 默认:GET 请求方式:[POST/GET] dataType: "xml", //默认["xml"/"html"] 返回数据类型:["xml" / "html" / "script" / "json" / "jsonp"] u...

对Jquery中的ajax再封装,简化操作示例

2017年02月06日 13 阅读

复制代码代码如下:<！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>jQueryAjaxJson取值示例...

使用jQuery和PHP实现类似360功能开关效果

2017年02月06日 14 阅读

准备工作为了更好的演示本例，我们需要一个数据表，记录需要的功能说明及开启状态，表结构如下：复制代码代码如下:CREATE TABLE `pro` （ `id` int（11） NOT NULL auto_increment, `title` varchar（50） NOT NULL, `description` varchar（200） NOT NULL, `status` tinyint（1） NOT NULL default "0", PRIMARY...

jquery实现网页查找功能示例分享

2017年02月06日 14 阅读

本文以查找车站名为例，仿12306官网查找车站售票时间页面效果，当用户输入关键字点击查找按钮或按回车键时，jQuery通过正则匹配内容，准确匹配关键字，并迅速将页面定位滚动到第一个匹配的位置，并显示相关信息（本例中附加信息为车站开始售票时间）。HTML页面需要放置一个输入框用来输入要查找的关键字，以及一个查找按钮，然后就是主体内容#content，里面包含着n个<p>，即每个时间段开售车票的车站名。复制代码代码如下:<div id="s...

Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击

2017年02月06日 13 阅读

实例如下所示：复制代码代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击</title> <script src="JS/jquery-1.9.1.js" type="text/javascript"></script> &l...

js弹出div并显示遮罩层

2017年02月06日 15 阅读

复制代码代码如下: //--------------------弹出层------------------- //popDivId:弹出层div的ID //dragDivId:用于拖动div的ID //isShowMask:是否显示遮罩层 function popDivShow（popDivId, dragDivId, isShowMask） { if （isShowMask） { creatMask（popDivId）; } var oWins = d...

Jquery Uploadify上传带进度条的简单实例

2017年02月06日 14 阅读

复制代码代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <title>Jquery ...

js判断设备是否为PC并调整图片大小

2017年02月06日 13 阅读

复制代码代码如下: <html> <head> <script type="text/javascript"> /* 判断设备是否为PC */ function isPC（） { var userAgentInfo = navigator.userAgent; var Agents = new Array（"Android", "iPhone", "SymbianOS","Windows Phone", "iPad",...

Jquery的Tabs内容轮换效果实现代码,几行搞定

2017年02月06日 13 阅读

复制代码代码如下:<！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的Tabs内容轮换...

JQuery中操作Css样式的方法

2017年02月06日 15 阅读

复制代码代码如下://1、获取和设置样式$（"#tow"）.attr（"class"）获取ID为tow的class属性$（"#two"）.attr（"class","divClass"）设置Id为two的class属性。//2、追加样式$（"#two"）.addClass（"divClass2"）为ID为two的对象追加样式divClass2//3、移除样式$（"#two"）.removeClass（"divClass"）移除 ID为two的对象的cla...

js post提交调用方法

2017年02月06日 13 阅读

复制代码代码如下: function post（URL, PARAMS） { var temp = document.createElement（"form"）; temp.action = URL; temp.method = "post"; temp.style.display = "none"; for （var x in PARAMS） { var opt = document.createElement（"textarea"）; opt.nam...

raphael.js绘制中国地图地图绘制方法

2017年02月06日 15 阅读

最近的数据统计项目中要用到中国地图，也就是在地图上动态的显示某个时间段某个省份地区的统计数据，我们不需要flash，仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作。在本文中，我给大家分享如何使用js来完成地图交互。先简单介绍下raphael.js，raphael.js是一个很小的javascript库，它可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动动画等等功能。此外raphael.js还跨浏览器兼容，而且还兼容老掉...

使用javascript控制cookie显示和隐藏背景图

2017年02月06日 14 阅读

每当重大节日期间，各大主流网站首页会披上节日的盛装，设计者一般会使用大幅背景图片来获得更好的视觉冲击效果，当然，也要考虑到有些用户不习惯这大背景图，那么在背景图上放置“关闭”按钮是有必要的，用户只要点击“关闭背景”按钮，大幅背景图将会消失。我们使用javascript来控制背景图片的显示和隐藏，当点击关闭按钮时，控制CSS使页面不加载背景图，同时记录COOKIE相关参数，并设置cookie的有效期，那么在cookie有效期内刷新页面，是不会再加载背景图的，...

javascript获取web应用根目录的方法

2017年02月06日 13 阅读

复制代码代码如下: <script> function getRootPath（）{ var strFullPath=window.document.location.href; var strPath=window.document.location.pathname; var pos=strFullPath.indexOf（strPath）; var prePath=strFullPath.substring（0,pos）; var po...

jquery实现页面图片等比例放大缩小功能

2017年02月06日 15 阅读

html代码结构:复制代码代码如下:<a href=""><img src="images/tmp_376x470.jpg" width="300" height="300" alt=""/></a><a href=""><img src="images/tmp_409x265.jpg" width="300" height="300" alt=""/></a><a href=...

动态加载jquery库的方法

2017年02月06日 14 阅读

有时候，我们可能不会在网页中<script src="jquery.min.js" 来加载 Jquery 库，可能在用户点击某个按钮后，才去加载 Jquery 库。好处不用我说，节省带宽，提高访问速度，因为用户可能不会点击这个按钮，也就不需要 Jquery 。那么如何动态加载 Jquery 库呢？一般可以用 Document.write 来打印出，也可以用 Ajax ，也可以用我下面的这种方式：复制代码代码如下:<！DOCTYPE html ...

js 绑定键盘鼠标事件示例代码

2017年02月06日 13 阅读

1、绑定键盘回车事件（注意：用jq提交时想同时按回车键可以提交，此时就不要用form了。）复制代码代码如下: document.onkeydown = function（evt）{ var evt = window.event？window.event:evt; if（evt.keyCode==13）{ subcomment（）; //如果按下的是回车键，则执行对应的js函数 } } ...

javascript实现文本域写入字符时限定字数

2017年02月06日 14 阅读

复制代码代码如下: <！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...

JavaScript中创建对象和继承示例解读

2017年02月06日 15 阅读

对象创建：当一个函数对象被创建时候，Function构造器产生的函数对象会运行类似这样的代码：复制代码代码如下: this.prototype={constructor:this}; 假设函数F F用new方式构造对象时，对象的constructor被设置成这个F.prototype.constructor 如果函数在创建对象前修改了函数的prototype，会影响创建出来对象的construtor属性如: 复制代码代码如下: function...

通过onmouseover选项卡实现img图片的变化

2017年02月06日 13 阅读

复制代码代码如下: <！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...

首页 / 脚本样式 / JavaScript

Jquery Ajax解析XML数据（同步及异步调用）简单实例

对Jquery中的ajax再封装,简化操作示例

使用jQuery和PHP实现类似360功能开关效果

jquery实现网页查找功能示例分享

Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击

js弹出div并显示遮罩层

Jquery Uploadify上传带进度条的简单实例

js判断设备是否为PC并调整图片大小

Jquery的Tabs内容轮换效果实现代码,几行搞定

JQuery中操作Css样式的方法

js post提交调用方法

raphael.js绘制中国地图 地图绘制方法

使用javascript控制cookie显示和隐藏背景图

javascript获取web应用根目录的方法

jquery实现页面图片等比例放大缩小功能

动态加载jquery库的方法

js 绑定键盘鼠标事件示例代码

javascript实现文本域写入字符时限定字数

JavaScript中创建对象和继承示例解读

通过onmouseover选项卡实现img图片的变化

raphael.js绘制中国地图地图绘制方法