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

jQuery树形下拉菜单特效代码分享

2017年02月06日 12 阅读

本文实例讲述了jQuery实现幻树形下拉菜单特效，实现自动伸缩，分享给大家供大家参考。运行jQuery树形下拉菜单特效效果图：为大家分享的jQuery树形下拉菜单代码如下<head><title>常用的jquery下拉菜单</title><script type="text/javascript" src="js/jquery.js"></script><script type="text/...

js实现点击文本框显示日期选择器特效代码分享

2017年02月06日 13 阅读

为大家分享的JavaScript图片轮播代码如下<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js点击文本框显示日期选择器</title><link type="text/css" rel="stylesheet" href="calendar.css" ><script ...

js时钟翻牌效果实现代码分享

2017年02月06日 12 阅读

先给大家上运行效果图，看看是不是特别棒！这一张是小编抓拍时钟翻牌时的效果图：为大家分享的JavaScript时钟翻牌效果代码如下<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Create an Animated Flip Down Clock</title><link rel="styl...

JS+CSS实现下拉列表框美化效果（3款）

2017年02月06日 13 阅读

本文实例讲述了JS+CSS实现美化的下拉列表框效果。分享给大家供大家参考。具体如下：三款款经过JS+CSS美化的下拉列表，效果很不错，总有一款适合你，先看看运行效果图：效果查看源码下载具体代码如下：<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><style type="text/css"><！-- @impo...

javascript数组去重的六种方法汇总

2017年02月06日 12 阅读

面试前端必须准备的一个问题：怎样去掉Javascript的Array的重复项。据我所知，百度、腾讯、盛大等都在面试里出过这个题目。这个问题看起来简单，但是其实暗藏杀机。考的不仅仅是实现这个功能，更能看出你对计算机程序执行的深入理解。我总共想出了三种算法来实现这个目的：Array.prototype.unique1 = function（）{ var n = []; //一个新的临时数组 for（var i = 0; i < this.lengt...

swtich／if...else的替代语句

2017年02月06日 12 阅读

很多时候，if...else...有很多判断分支选项，就会见到：if （animal === "dog"） { // TO DO "dog"} else if （animal === "cat"） { // TO DO "cat" } else if （animal === "bird"） { // TO DO "bird" } else if （animal === "fish"） { // TO DO "fish" } else {// TO DO "...

javascript中undefined与null的区别

2017年02月06日 13 阅读

大多数计算机语言，有且仅有一个表示"无"的值，比如，C语言的NULL，Java语言的null，Python语言的None，Ruby语言的nil。有点奇怪的是，JavaScript语言居然有两个表示"无"的值：undefined和null。这是为什么？一、相似性在JavaScript中，将一个变量赋值为undefined或null，老实说，几乎没区别。var a = undefined;var a = null;上面代码中，a变量分别被赋值为undefine...

javascript中 try catch用法

2017年02月06日 12 阅读

先看个实例<input id="b1" type="button" value="按钮"/><script>window.onload=function（）{var oBtn=document.getElementById（"b1"）;function mto（）{alert（"123"）;};try //非IE{oBtn.attachEvent（"onclick",mto,false）;}catch（e）//IE{oBtn.add...

jQuery幻灯片带缩略图轮播效果代码分享

2017年02月06日 12 阅读

这是一款基于jquery实现的底部带缩略图的幻灯片切换特效代码，幻灯片可以点击下方的缩略图切换，用户还可以自定义对应幻灯片的标题与文字说明，是一款非常实用的幻灯片特效源码。为大家分享的jQuery幻灯片带缩略图轮播代码如下<html><head><title>带缩略图的jQuery幻灯片轮播效果</title><link href="css/css.css" rel="stylesheet" type=...

Nginx上传文件全部缓存解决方案

2017年02月06日 12 阅读

下面通过文字说明给大家详解Nginx上传文件全部缓存解决方案。因为应用服务器（Jetty）里面实现了上传时写了进度条。经过缓存。就没法读取到进度了。此外，在Nginx处缓存文件，也降低了传输效率。nginx采用1.5.6。后端采用nodejs+formidable的方式接受上传文件，本问题的对应与采用什么样的后端没太大关系，这里只是交代一下。问题：在前端页面上将文件上传，nginx没有将每一块收到的文件数据块转发给后端，而是全部缓存了下来，全部收取完成后再...

关于js里的this关键字的理解

2017年02月06日 14 阅读

this关键字在c++，java中都提供了这个关键字，在刚开始学习时觉得有难度，但是只要理解了，用起来就方便多了，下面通过本篇文章给大家详解js里this关键字的理解。关于this，是很多前端面试必考的题目，有时候在网上看到这些题目，自己试了一下，额，还真的错了！在实际开发中，也会遇到 this 的问题（虽然一些类库会帮我们处理），例如在使用一些框架的时候，例如:knockout，有时候不明白为什么不直接使用this,而要把 this 作为参数传入。接下...

D3.js中data（）, enter（）和 exit（）的问题详解

2017年02月06日 12 阅读

D3的应用非常广泛，现在成为了主流数据可视化工具之一。大家在刚接触使用d3.js的时候，感到最吃力的地方是data（）, enter（）, exit（）这几个操作。在我接触一段时间，有了一些了解之后，简单说说我的理解。data（）先看一个例子：<body> <p></p> <p></p> <p></p></body>执行代码：d3.select（"body"）....

js实现的全国省市二级联动下拉选择菜单完整实例

2017年02月06日 12 阅读

本文实例讲述了js实现的全国省市二级联动下拉选择菜单。分享给大家供大家参考。具体如下：运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-province-city-cho-menu-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh...

基于jQuery通过jQuery.form.js插件使用ajax提交form表单

2017年02月06日 12 阅读

我们在提交表单的时候，如果没有使用ajax提交，页面都会自己刷新一下，显得非常的不友好，所以我们需要把我们的表单提交修改为ajax的模式，可以让用户清楚地知道他们在提交表单的时候处在哪一个阶段：正在提交？提交成功？我简单使用了一下,jQuery Form插件有一下优点: 1.支持提交前验证. 2.支持提交后回调. 3.采用AJAX方式,有很好的用户体验 4.提交方式是灵活.只要指定要提交的form ID即可.想提交那个form.就可提交那个.同时提交参数可...

js简单实现Select互换数据的方法

2017年02月06日 12 阅读

本文实例讲述了js简单实现Select互换数据的方法。分享给大家供大家参考。具体如下：这里基于javascript实现两个Select互换数据，简单实用，大家都见到过的，不多说了，即使手头暂时用不上，收藏起来，以备后用。运行效果如下图所示：在线演示地址如下：http://demo.jb51.net/js/2015/js-select-cha-data-codes/具体代码如下：<title>两个Select互换数据，简单实用</title...

jquery+css3实现网页背景花瓣随机飘落特效

2017年02月06日 12 阅读

飘花效果的实现——效果图：查看演示源码下载需求：一个jquery，，，这个看标题么就知道了jQuery Transit还有这个东西http://github.com/rstacruz/jquery.transitjquery对一些效果的扩展飘花的效果稍微复杂一点，有一定量的JavaScript代码，通过JS+CSS3的组合实现的。观察右边效果，可以大致分解飘花的实现飘花比人物的层级都高飘花数量非常多飘花会有一定的轨迹运动飘花带有渐变的效果飘花带...

JS实现的5级联动Select下拉选择框实例

2017年02月06日 12 阅读

本文实例讲述了JS实现的5级联动Select下拉选择框。分享给大家供大家参考。具体如下：这是一个基于JS的5级联动Select下拉选择框，这里演示的仅是一个示例，没有做汉化，当初从老外网站扒下时花了很多时间，当然我们平时用时候可能不需要这么多级，意在介绍一种编写方法和思路，希望大家喜欢。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-select-5-option-codes/具体代码如下：<tit...

jquery实现动静态条形统计图

2017年02月06日 12 阅读

下图为jquery实现静态条形统计图，在选择题统计中用的比较多。思路：前台JS实现动态数据效果，后台可以拼接字符串或者用JSON加载数据代码：<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tiao.aspx.cs" Inherits="qiantaoflash.tiao" %><！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr...

JavaScript判断表单中多选框checkbox选中个数的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript判断表单中多选框checkbox选中个数的方法。分享给大家供大家参考。具体如下：这里使用JavaScript检测并判断出表单中多选框的选中个数，也就是checkbox被选择了多少，在以前，这个问题经常被各大论坛问到，因为检测checkbox不像检测输入框那么简单，尤其是判断个数也经常会遇到，所以说觉得这个Js代码还是很有用的，大家有兴趣的再完善一下。运行效果如下图所示：在线演示地址如下：http://demo.jb51.n...

jquery动感漂浮导航菜单代码分享

2017年02月06日 12 阅读

这是一款基于jquery实现动感漂浮导航菜单的特效代码，菜单可以上下浮动，动感十足，为自己的网站增加了活力，是一款非常实用的导航菜单特效源码。运行效果图：点击下载源码为大家分享的jquery动感漂浮导航菜单代码如下<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery Floating Menu<...

首页 / 脚本样式 / JavaScript

jQuery树形下拉菜单特效代码分享

js实现点击文本框显示日期选择器特效代码分享

js时钟翻牌效果实现代码分享

JS+CSS实现下拉列表框美化效果（3款）

javascript数组去重的六种方法汇总

swtich／if...else的替代语句

javascript中undefined与null的区别

javascript中 try catch用法

jQuery幻灯片带缩略图轮播效果代码分享

Nginx上传文件全部缓存解决方案

关于js里的this关键字的理解

D3.js中data（）, enter（） 和 exit（）的问题详解

js实现的全国省市二级联动下拉选择菜单完整实例

基于jQuery通过jQuery.form.js插件使用ajax提交form表单

js简单实现Select互换数据的方法

jquery+css3实现网页背景花瓣随机飘落特效

JS实现的5级联动Select下拉选择框实例

jquery实现动静态条形统计图

JavaScript判断表单中多选框checkbox选中个数的方法

jquery动感漂浮导航菜单代码分享

D3.js中data（）, enter（）和 exit（）的问题详解