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

JQUERY简单按钮轮换选中效果实现方法

2017年02月06日 12 阅读

本文实例讲述了JQUERY简单按钮轮换选中效果实现方法。分享给大家供大家参考。具体实现方法如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>按钮轮换点击效果</title><script type="text/javascript" src="jquery-1....

JavaScript更改字符串的大小写

2017年02月06日 13 阅读

JavaScript提供了两个方法，将字符串转换为全部大写或全部小写，从而可以将“hello”更改为“HELLO”，或者将“NOT”更改为“not”。你可能会问，为什么？将字符串中的字母转换为相同的大小写，这可以使得比较两个字符串变得更容易。例如，假设你创建了一个题程序，并且，一个问题是“Who was the first American to win the Tour De France?”你可能用类似下面的代码来检查参加答题者的答案：var ...

基于jQuery.Hz2Py.js插件实现的汉字转拼音特效

2017年02月06日 12 阅读

可以实现基于jQuery实现汉字转换成拼音代码。这是一款基于jQuery.Hz2Py.js插件实现的汉字转拼音特效。插件自行下载。使用方法如下（注意修改jq的引入路径）。<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>基于jQuery实现汉字转换成拼音代码</title>&l...

js实现键盘上下左右键选择文字并显示在文本框的方法

2017年02月06日 12 阅读

本文实例讲述了js实现键盘上下左右键选择文字并显示在文本框的方法。分享给大家供大家参考。具体实现方法如下：<！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">&...

jQuery中closest和parents的区别分析

2017年02月06日 13 阅读

jQuery中closest和parents从表现上来看都是说查找上线元素的一些内容了，但如果说仔细可能各位不懂，下面我们一起来看看closest和parents区别。1.父级parent（）——唯一父级元素，可能是0个或1个元素。2.祖先parents（selected）——所有selected祖先（不包含根元素），可能是0个、1个或多个元素。closest（selected）——唯一selected祖先，可能是0个或1个元素。closest和paren...

js实现非常简单的焦点图切换特效实例

2017年02月06日 12 阅读

本文实例讲述了js实现非常简单的焦点图切换特效的方法。分享给大家供大家参考。具体分析如下：这是一个非常非常简单的焦点图（更像滑动门），可供初学者借鉴参考<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www....

JavaScript改变CSS样式的方法汇总

2017年02月06日 13 阅读

JavaScript允许你即时的改变CSS样式，这样就可以将用户的眼球吸引到你想他们关注的地方上，并且提供较好的交互体验给力。JavaScript修改CSS有4种方法：修改节点style（内联样式）；改变节点class或id；写入新的css；替换页面中的样式表。个人不建议使用后两种方法，几乎所有的功能都可以通过前两种方式实现，并且代码更加清晰、易理解。后面还会说说如何获取元素的真实样式和一个表单中的注意事项。1、修改节点style（内联样式）这种方法权重...

详谈LABJS按需动态加载js文件

2017年02月06日 12 阅读

LABjs 是一个很小的 JavaScript 工具，用来根据需要加载 JavaScript 文件，通过使用该工具可以提升页面的性能，避免加载不需用到的 JavaScript 文件，可以实现动态并行加载脚本文件，以及管理加载脚本文件的执行顺序。简单示例$LAB.script（"script1.js", "script2.js", "script3.js"）.block（function（）{// wait for all to load, then do ...

js库Modernizr的介绍和使用

2017年02月06日 12 阅读

传统浏览器目前不会被完全取代，令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。 Modernizr 正是为解决这一难题应运而生，作为一个开源的 JavaScript 库，Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况。 Modernizr 并非试图添加老版本浏览器不支持的功能，而是令你通过创建可选风格配置修改页面设计。它也可以通过加载定制的脚本来模拟老版本浏览器不支持的功能。什么是Modernizr？Moderni...

浅谈document.write（）输出样式

2017年02月06日 12 阅读

js中的最基本的命令之一：document.write（），用于简单的打印内容到页面上，可以逐字打印你需要的内容——document.write（"content"）,这里content就是需要输出的内容；当然还有一种情况，需要输出JS之中比如变量等等变化的东西，那么就需要用document.write（+variable）;当然variable就是你想要输出的变量。既然可以输出变量，肯定会想要去控制下变量的显示，比如位置以及样式。第一种控制方法是应用内部...

js实现模拟计算器退格键删除文字效果的方法

2017年02月06日 12 阅读

本文实例讲述了js实现模拟计算器退格键删除文字效果的方法。分享给大家供大家参考。具体如下：<！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&...

js显示文本框提示文字的方法

2017年02月06日 12 阅读

本文实例讲述了js显示文本框提示文字的方法。分享给大家供大家参考。具体实现方法如下：<！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>...

jQuery动态效果显示人物结构关系图的方法

2017年02月06日 15 阅读

本文实例讲述了jQuery动态效果显示人物结构关系图的方法。分享给大家供大家参考。具体分析如下：这是一个人物关系图，可动态展示，效果非常漂亮。点击文字可出现动态关系图的转换效果。<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns...

js由下向上不断上升冒气泡效果实例

2017年02月06日 12 阅读

本文实例讲述了js由下向上不断上升冒气泡效果的方法。分享给大家供大家参考。具体实现方法如下：<html><head><title>JS实现气泡从水中急速上升效果</title><style type="text/css">body {cursor:crosshair;margin:0; padding:0;position:absolute; overflow:hidden;background:...

jQuery团购倒计时特效实现方法

2017年02月06日 12 阅读

本文实例讲述了jQuery团购倒计时特效实现方法。分享给大家供大家参考。具体实现方法如下：<！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&...

jQuery实现的动态伸缩导航菜单实例

2017年02月06日 12 阅读

本文实例讲述了jQuery实现的动态伸缩导航菜单。分享给大家供大家参考。具体实现方法如下：<！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&...

jquery实现图片左右切换的方法

2017年02月06日 12 阅读

本文实例讲述了jquery实现图片左右切换的方法。分享给大家供大家参考。具体实现方法如下：<！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&...

jQuery实现的多屏图像图层切换效果实例

2017年02月06日 14 阅读

本文实例讲述了jQuery实现多屏图像图层切换效果的方法。分享给大家供大家参考。具体实现方法如下：<！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"><h...

jQuery基于图层模仿五星星评价功能的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery基于图层模仿五星星评价功能的方法。分享给大家供大家参考。具体实现方法如下：<！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"><...

JavaScript基于setTimeout实现计数的方法

2017年02月06日 13 阅读

本文实例讲述了JavaScript基于setTimeout实现计数的方法。分享给大家供大家参考。具体实现方法如下：var count = 0;var timer;var timerOn = false;function timedCount（） { count++; timer = setTimeout（function（）{timedCount（） }, 1000）;}function doTimer（） { if （！timerOn） {timerOn...

首页 / 脚本样式 / JavaScript

JQUERY简单按钮轮换选中效果实现方法

JavaScript更改字符串的大小写

基于jQuery.Hz2Py.js插件实现的汉字转拼音特效

js实现键盘上下左右键选择文字并显示在文本框的方法

jQuery中closest和parents的区别分析

js实现非常简单的焦点图切换特效实例

JavaScript改变CSS样式的方法汇总

详谈LABJS按需动态加载js文件

js库Modernizr的介绍和使用

浅谈document.write（）输出样式

js实现模拟计算器退格键删除文字效果的方法

js显示文本框提示文字的方法

jQuery动态效果显示人物结构关系图的方法

js由下向上不断上升冒气泡效果实例

jQuery团购倒计时特效实现方法

jQuery实现的动态伸缩导航菜单实例

jquery实现图片左右切换的方法

jQuery实现的多屏图像图层切换效果实例

jQuery基于图层模仿五星星评价功能的方法

JavaScript基于setTimeout实现计数的方法