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

JavaScript中this详解

2017年02月06日 12 阅读

都说 JavaScript 是一种很灵活的语言，这其实也可以说它是一个混乱的语言。它把函数式编程和面向对象编程糅合一起，再加上动态语言特性，简直强大无比（其实是不能和C++比的，^_^ ）。这里的主题是 this ，不扯远了。this 本身原本很简单，总是指向类的当前实例，this 不能赋值。这前提是说 this 不能脱离类/对象来说，也就是说 this 是面向对象语言里常见的一个关键字。说的极端点，如果你编写的 JS 采用函数式写法，而不是面向对象式...

JS实现黑客帝国文字下落效果

2017年02月06日 11 阅读

代码一：黑客帝国文字下落效果查看效果源码下载源代码如下：<！DOCTYPE html><html> <head><meta charset="utf-8"><title>黑客帝国文字下落</title><style>html, body {margin:0; padding:0; background-color:#000;}#divList {width:800px; ...

js+css实现有立体感的按钮式文字竖排菜单效果

2017年02月06日 12 阅读

本文实例讲述了js+css实现有立体感的按钮式文字竖排菜单效果。分享给大家供大家参考。具体如下：这是一款较不错的竖排菜单，有立体感效果的菜单，不要以为那些带立体特效的菜单是按钮啊，其实它就是用JavaScript代码修饰出来的按钮，鼠标放上的时候就会有明显的立体文字效果，竖向排列的，也可以修改成横向的。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-3d-nutton-v-menu-codes/具...

js实现具有高亮显示效果的多级菜单代码

2017年02月06日 12 阅读

本文实例讲述了js实现具有高亮显示效果的多级菜单代码。分享给大家供大家参考。具体如下：这是一款具有高亮效果的菜单，菜单设计的也比较简洁，鼠标放在一级菜单上可以看到二级菜单的高亮效果，整体风格简约大方，适用于一些比较“干净”没有过多修饰的网站。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-blink-show-style-menu-codes/具体代码如下：<！DOCTYPE html PUBLIC...

jQuery实现带延迟的二级tab切换下拉列表效果

2017年02月06日 11 阅读

本文实例讲述了jQuery实现带延迟的二级tab切换下拉列表效果。分享给大家供大家参考。具体如下：这是一款基于jQuery实现带延时效果的下拉列表菜单，有动画效果。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-delay-show-menu-style-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona...

js实现点击向下展开的下拉菜单效果代码

2017年02月06日 11 阅读

本文实例讲述了js实现点击向下展开的下拉菜单效果代码。分享给大家供大家参考。具体如下：这里介绍js实现点击向下展开的下拉菜单特效代码，无调用jQuery，真正的JS下拉菜单，兼容性方面未做测试，觉得有用处的自己测试修正吧，本文仅提供基础的代码供参考。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-click-show-down-menu-style-codes/具体代码如下：<！DOCTYPE ht...

js实现简洁大方的二级下拉菜单效果代码

2017年02月06日 12 阅读

本文实例讲述了js实现简洁大方的二级下拉菜单效果代码。分享给大家供大家参考。具体如下：这是一款简洁大方的二级下拉菜单，菜单的颜色自己根据需要重新定义吧，这里仅给大家提供一种制作二级菜单的思路，整体效果看上去相当实用，下拉导航菜单也是大家比较常用的。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-simple-2level-show-down-menu-codes/具体代码如下：<！DOCTYPE h...

JQuery自适应窗口大小导航菜单附源码下载

2017年02月06日 11 阅读

效果图如下：查看演示源码下载html代码：<h1>jQuery / Zepto响应式菜单 PgwMenu 演示</h1><p class="dowebok-explain">请缩小/放大浏览器窗口宽度查看效果</p><h2>深色样式（默认）</h2><ul class="pgwMenu"> <li><a class="selected" href="htt...

js+CSS实现模拟华丽的select控件下拉菜单效果

2017年02月06日 11 阅读

本文实例讲述了js+CSS实现模拟select控件的下拉菜单效果。分享给大家供大家参考。具体如下：这是一个JS+CSS技术实现的Select控件效果，模拟出来的，比默认的Select更漂亮，有了这个模板，你修改Select就更方便了，由此你也可以将其制作成CSS下拉菜单，在兼容性方面暂未测试，在IE8下没问题。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-select-control-style...

jquery常用函数与方法汇总

2017年02月06日 12 阅读

1.delay（duration,[queueName]）设置一个延时来推迟执行队列中之后的项目。jQuery 1.4新增。用于将队列中的函数延时执行。他既可以推迟动画队列的执行，也可以用于自定义队列。duration:延时时间，单位：毫秒queueName:队列名词，默认是Fx，动画队列。例：头部与底部延迟加载动画效果$（document）.ready（function（） {$（"#header"） .css（{ "top":-50 }） .delay...

jQuery中常用的遍历函数用法实例总结

2017年02月06日 12 阅读

本文实例总结了jQuery中常用的遍历函数用法。分享给大家供大家参考。具体如下：1. children（）函数children（）函数用于选取每个匹配元素的子元素，并以jQuery对象的形式返回。你还可以使用选择器进一步缩小筛选范围，筛选出符合指定选择器的元素。用法示例如下：// 返回jQuery对象所有匹配元素的标识信息数组// 每个元素形如：tagName或tagName#id（如果有id的话）function getTagsInfo（$doms）{r...

JS实现的自定义右键菜单实例二则

2017年02月06日 13 阅读

本文实例讲述了JS实现的自定义右键菜单。分享给大家供大家参考。具体如下：示例1：运行效果截图：具体代码如下：<！DOCTYPE html><html> <head> <title>JS实现自定义右键菜单</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script src="...

JavaScript中this详解

2017年02月06日 11 阅读

这里的主题是 this ，不扯远了。this 本身原本很简单，总是指向类的当前实例，this 不能赋值。这前提是说 this 不能脱离类/对象来说，也就是说 this 是面向对象语言里常见的一个关键字。说的极端点，如果你编写的 JS 采用函数式写法，而不是面向对象式，你所有的代码里 this 会少很多，甚至没有。记住这一点，当你使用 this 时，你应该是在使用对象/类方式开发，否则 this 只是函数调用时的副作用。JavaScript中的this...

jQuery仿淘宝网产品品牌隐藏与显示效果

2017年02月06日 12 阅读

本文实例讲述了jQuery仿淘宝网产品品牌隐藏与显示效果。分享给大家供大家参考。具体如下：这里演示jQuery实现产品品牌隐藏与显示效果，仿淘宝网商品列表的品牌显示与折叠功能，很实用的代码，看了就知道了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-f-taobao-product-hidden-show-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C...

javascript中for/in循环及使用技巧

2017年02月06日 11 阅读

JavaScript 支持不同类型的循环：for - 循环代码块一定的次数for/in - 循环遍历对象的属性while - 当指定的条件为 true 时循环指定的代码块do/while - 同样当指定的条件为 true 时循环指定的代码块1. in运算符：要求其左边的运算数是一个字符串，或可以被转换为字符串，右边的运算数是一个对象或数组。如果该运算符左边的值是右边对象的一个属性名，则返回true。例如： var point={x:1,y:2}; //对象...

JQuery操作textarea,input,select,checkbox方法

2017年02月06日 13 阅读

今天学习怎样用JQuery编写一些小的代码,小小的试了一下编写一个textarea,代码如下:<！DOCTYPE HTML><html lang="en"><head><meta charset="UTF-8"><title></title><style type="text/css" media="screen">*{margin :0;padding :0;font :...

自定义刻度jQuery进度条及插件

2017年02月06日 11 阅读

简要教程 progressdots是一款可自定义刻度动画的jQuery进度条插件。通过该jQuery进度条插件你可以自定义进度条刻度圆点的数量，大小，颜色等属性，并且可以通过CSS来控制圆点的外观样式。请看下面效果图了解相关插件。使用该jQuery进度条插件需要引入jquery，jquery.progressdots.js和jquery.progressdots.css文件。<script src="jquery.min.js"></sc...

jQuery实现固定在网页顶部的菜单效果代码

2017年02月06日 11 阅读

本文实例讲述了jQuery实现固定在网页顶部的菜单效果代码。分享给大家供大家参考。具体如下：这是一款基于jQuery的固定在页面顶部的菜单，获取要定位元素距离浏览器顶部的距离，滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-top-fixed-menu-style-codes/具体代码如下：<！DOCTYPE htm...

javascript学习总结之js使用技巧

2017年02月06日 12 阅读

1 假如浏览器不支持JavaScript怎么办？a.为什么浏览器会不支持？大部分浏览器都有禁用脚本的功能，例如chrome。b.在js被禁用的情况下要保证网页仍能实现它的核心功能（关键的用户需求）例子：在一个新窗口里打开链接，可以使用BOM的open（）方法 function popUp（winURL） { window.open（winURL, "popup", "width=,height="）; }具体的js实现有以下几个方案：方案一：使用java...

jquery实现华丽的可折角广告代码

2017年02月06日 11 阅读

本文实例讲述了jquery实现可折角的广告代码。分享给大家供大家参考。具体如下：这是一款可折角的广告代码，或许你已经看到过了，现在一些门户网站还可看到这种效果的身影，用鼠标滑过折角的边，即可出现下拉效果。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-zd-adv-stylee-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...

首页 / 脚本样式 / JavaScript

JavaScript中this详解

JS实现黑客帝国文字下落效果

js+css实现有立体感的按钮式文字竖排菜单效果

js实现具有高亮显示效果的多级菜单代码

jQuery实现带延迟的二级tab切换下拉列表效果

js实现点击向下展开的下拉菜单效果代码

js实现简洁大方的二级下拉菜单效果代码

JQuery自适应窗口大小导航菜单附源码下载

js+CSS实现模拟华丽的select控件下拉菜单效果

jquery常用函数与方法汇总

jQuery中常用的遍历函数用法实例总结

JS实现的自定义右键菜单实例二则

JavaScript中this详解

jQuery仿淘宝网产品品牌隐藏与显示效果

javascript中for/in循环及使用技巧

JQuery操作textarea,input,select,checkbox方法

自定义刻度jQuery进度条及插件

jQuery实现固定在网页顶部的菜单效果代码

javascript学习总结之js使用技巧

jquery实现华丽的可折角广告代码