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

javascript 学习笔记（一）DOM基本操作

2017年02月06日 24 阅读

html部分代码：当点击show按钮时，触发showValue函数，将input value的值动态添加到id="text"的元素节点中！复制代码代码如下: <p> <input type="text" value="" name="user_name" id="user_name" /> <span style="padding-left:10px;"><input type="button" va...

javascript学习笔记（二）鼠标经过时，改变div块的背景色的代码

2017年02月06日 19 阅读

HTML部分代码：复制代码代码如下: <ul> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> </ul> javascript部分代码：当鼠标经过时，给li添加class="current"类，鼠标离开时，去除该类，达...

javascript学习笔记（三）显示当时时间的代码

2017年02月06日 22 阅读

html代码如下：复制代码代码如下: <div id="showTime"></div> javascript 代码如下：时间显示格式为：2011-04-04 星期二 12:09:34 复制代码代码如下: function startTime（） { try{ var today = new Date（）; var year = today.getFullYear（）; var month = checkNum（today....

javascript 学习笔记（四）倒计时程序代码

2017年02月06日 24 阅读

首先看全部完整代码： countDown test function countDown（endDate） { var now = new Date（）; var deadtime = document.getElementById（endDate）; var deadline = new Date（deadtime.value）; //本地时间与格林威治标准时间（GMT）的分钟差 var timeDiff = now.getTimezon...

javascript学习笔记（五）正则表达式

2017年02月06日 22 阅读

常用到的元字符有： •. 查找单个字符，除了换行和行结束符； •w 匹配字母、汉字、数字、下划线等符号； •s 匹配空白符（包含空格、制表符等）； •d 匹配数字； • 匹配位于单词的开头或结尾的匹配；常用的量词有： •^n 匹配任何开头为 n 的字符串； •n$ 匹配任何结尾为 n 的字符串； •n+ 匹配任何包含至少一个 n 的字符串； •n...

javascript 学习笔记（六）浏览器类型及版本信息检测代码

2017年02月06日 23 阅读

下面的checkBrowser（）函数主要检测了三种浏览器（IE, firefox, chrome），其它的浏览器的检测有兴趣的朋友可以自行添加检测代码！ HTML部分代码：（页面加载时执行检测函数）复制代码代码如下: <body onload="checkBrowser（）"> <p id="userAgent"></p> <p id="browser"></p> </body>...

javascript学习笔记（七）利用javascript来创建和存储cookie

2017年02月06日 24 阅读

首先看一下基础知识： 1、什么是cookie cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值 2、有关cookie的例子： •名字 cookie 当访问者首次访问页面时，他或她也许会填写他/她们的名字。名字会存储于 cookie 中。当访问者再次访问网站时，他们会收到类似 "Welcome John Doe！"...

随机显示个性签名的js代码（兼容ie,firefox）

2017年02月06日 20 阅读

原网页中用的是innerText，脚本之家这里给替换成了innerHTML是为了简单的支持firefox，因为firefox不支持innerText，但已经有办法让firefox支持innerText了，兼容代码如下。复制代码代码如下://让Mozilla支持innerText try{ HTMLElement.prototype.__defineGetter__ （ "innerText", function （） { var anyString = ...

再次分享18个非常棒的jQuery表格插件

2017年02月06日 22 阅读

1.DataTables在线例子2.tablesorter在线例子3.uiTableFilter在线例子4.columnHover在线例子5.Scrollable HTML在线例子6.columnManager在线例子7.Flexigrid在线例子8.Table Drag and Drop在线例子9.HeatColor在线例子10.JQTreeTable在线例子11.FireScope Grid在线例子12.Ingrid在线例子13.Animated So...

基于jquery的15款幻灯片插件

2017年02月06日 23 阅读

1，GallerificGalleriffic 是使用 Mike Alsup 的 jQuery Cycle plugin 创建的图片展示效果，包括缩略图、图片标题和描述等详细功能，是一个非常不错的高质量画廊相册展示工具。2，ZoomImagezoomimage ，以一种独具魅力的方式展示图片效果。缩略图链接在本页弹出大图，并且可以可以随意拖拽该悬浮图片。3，EasySliderEasy Slider 可以实现图片或其他任意内容，在水平或垂直方向上的滑动效果...

JQuery优缺点分析说明

2017年02月06日 22 阅读

1、jQuery实现脚本与页面的分离在HTML代码中，我们还经常看到类似这样的代码： <form id="myform" onsubmit=return validate（）;">即使validate（）函数可以被放置在一个外部文件中，实际上我们依然是把页面与逻辑和事件混杂在一起。jQuery让你可以将这两部分分离。借助于jQuery，页面代码将如下所示：<form id="myform"> 接下来，一个单独的JS文件将包含以下事件...

基于PHP+Jquery制作的可编辑的表格的代码

2017年02月06日 23 阅读

table.php 复制代码代码如下: <？php header（"Content-Type:text/html;charset=utf-8"）; $mysqli=new MySQLi（"localhost","root","123456","xiaoqiangdb"）; if（mysqli_connect_errno）{ echo "连接数据库失败".mysqli_connect_error（）; exit; } ？> <html&g...

jQuery实战之品牌展示列表效果

2017年02月06日 20 阅读

只是初始状态；这是点击后效果。首相分析下需求：1，首先在页面中创建导航，单击标题的时候，隐藏内容，同时小图标也改变。2，单击更多的时候，显示隐藏的链接内容，并将"更多"变成"简化"，改变小图标，并高亮部分链接。下面是完整代码：复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html&...

基于jquery的监控数据是否发生改变

2017年02月06日 23 阅读

这样之前的功夫又白费了。解决这些问题的办法就是：监控页面数据是否发生变化。如果发生变化，提示用户保存。如果数据未发生变化。当我们点击保存时，也不需要提交到数据库。接下来看看解决办法：复制代码代码如下: ///<reference path="jquery-1.3.2-vsdoc2.js" /> （function（$） { var pageDataChange = false //默认标识页面数据未发生改变 /*监控页面数据是否发生变化*...

基于jquery的仿百度搜索框效果代码

2017年02月06日 23 阅读

先看看整个的效果图：图一：图二：图三：图四：大概的效果图就这样，接下来直接看源码页面：复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="autoSearch._Default" %> <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/...

30个最佳jQuery Lightbox效果插件分享

2017年02月06日 22 阅读

Web开发者们模仿 Lightbox 开发了各种各样的图片浏览插件，有基于 jQuery 的，有基于 Prototype 的，也有使用原生 JavaScript 写的。今天，本文要与大家分享的是30个最佳 jQuery Lightbox 效果插件。1.jQuery LightBox在线示例2.Lightbox2在线示例3.FancyBox在线示例4.LightWindow v2.0在线示例5.Colorbox Lightbox Plugin在线示例6.Fa...

window.dialogArguments 使用说明

2017年02月06日 23 阅读

f1.php页面JS代码,第二个传的参数必须是self不能是别的复制代码代码如下: <script type="text/javascript"> function dianJi（）{ //弹出窗口关闭前，原窗口不能获得焦点 //showModalDialog（"f2.php",self,"dialogwidth=500px;dialogheight=500px;dialogtop=100px;dialogleft=100px;center...

javascript算法学习实现代码

2017年02月06日 23 阅读

排序 var len = 100000; var i; var arr = []; for（i=0; i...

javascript实现上传图片并预览的效果实现代码

2017年02月06日 22 阅读

今天用alphaimageloader滤镜的src属就是其中的主角它将使用绝对或相对url地址指定背景图像。假如忽略此参数，滤镜将不会作用。复制代码代码如下: <！doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http:...

基于jquery实现的上传图片及图片大小验证、图片预览效果代码

2017年02月06日 24 阅读

jquery实现上传图片及图片大小验证、图片预览效果代码上传图片验证复制代码代码如下: */ function submit_upload_picture（）{ var file = $（"file_c"）.value; if（！/.（gif|jpg|jpeg|png|gif|jpg|png）$/.test（file））{ alert（"图片类型必须是.gif,jpeg,jpg,png中的一种"） }else{ $（"both_form"）.acti...

首页 / 脚本样式 / JavaScript

javascript 学习笔记（一）DOM基本操作

javascript学习笔记（二） 鼠标经过时，改变div块的背景色的代码

javascript学习笔记（三）显示当时时间的代码

javascript 学习笔记（四） 倒计时程序代码

javascript学习笔记（五）正则表达式

javascript 学习笔记（六）浏览器类型及版本信息检测代码

javascript学习笔记（七）利用javascript来创建和存储cookie

随机显示个性签名的js代码（兼容ie,firefox）

再次分享18个非常棒的jQuery表格插件

基于jquery的15款幻灯片插件

JQuery优缺点分析说明

基于PHP+Jquery制作的可编辑的表格的代码

jQuery实战之品牌展示列表效果

基于jquery的监控数据是否发生改变

基于jquery的仿百度搜索框效果代码

30个最佳jQuery Lightbox效果插件分享

window.dialogArguments 使用说明

javascript算法学习实现代码

javascript实现上传图片并预览的效果实现代码

基于jquery实现的上传图片及图片大小验证、图片预览效果代码

javascript学习笔记（二）鼠标经过时，改变div块的背景色的代码

javascript 学习笔记（四）倒计时程序代码