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

jQuery实现行文字链接提示效果的方法

2017年02月06日 13 阅读

本文实例讲述了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"...

JQuery实现动态适时改变字体颜色的方法

2017年02月06日 12 阅读

本文实例讲述了JQuery实现动态适时改变字体颜色的方法。分享给大家供大家参考。具体分析如下：JQuery动态适时改变字体的颜色，Ajax的效果类似，在文本框输入文字，再选择色块，输入的文字就会变成色块标示的颜色值，很不错的效果吧。如果运行有错，请刷新一次页面即可。复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...

jQuery实现3D文字特效的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery实现3D文字特效的方法。分享给大家供大家参考。具体如下：这款基于jQuery的3D文字特效演示，不是真正的3D，是由多个文字形成的3D效果，如果首次加载网页出错的话，请刷新一下页面，当然在使用中不会出现此问题。复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-st...

jQuery实现切换字体大小的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery实现切换字体大小的方法。分享给大家供大家参考。具体实现方法如下：复制代码代码如下:$.fn.switchSize = function（settings） {// defaults settingssettings = $.extend（{ container: "body", arrSizeClass: ["small", "medium", "large"], defaultClass: "medium", saveCook...

jQuery实现高亮显示的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery实现高亮显示的方法。分享给大家供大家参考。具体如下：主要功能代码如下：var v = window.location.pathname; $（".hd ul li a"）.each（function （i） { var vherf = $（this）.attr（"href"）; if （v == vherf） {$（".hd ul li"）.eq（i）.addClass（"on"） } else {$（".hd ul li"）.e...

jQuery简单几行代码实现tab切换

2017年02月06日 12 阅读

今天突然心血来潮，想到一个很简单的方法即可达到的tab效果其实逻辑很简单，但看到网上基本上没这样写的不知道实际应用中是否会有问题呢，请大侠指教复制代码代码如下:<！doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery简易选项卡</title><style> *{ margin:0;...

jQuery实现当前页面标签高亮显示的方法

2017年02月06日 13 阅读

本文实例讲述了jQuery实现当前页面标签高亮显示的方法。分享给大家供大家参考。具体实现方法如下：function nav（name, csskey,cssvalue） {var url = window.location.pathname + window.location.search;var v1 = "";$（name）.each（function （） {v1 = "/" + $（this）.attr（"href"）;if （v1 == url）...

js控制文本框只输入数字和小数点的方法

2017年02月06日 12 阅读

本文实例讲述了js控制文本框只输入数字和小数点的方法。分享给大家供大家参考。具体实现方法如下：复制代码代码如下:function clearNoNum（obj） {obj.value = obj.value.replace（/[^d.]/g, ""）;//清除“数字”和“.”以外的字符obj.value = obj.value.replace（/^./g, ""）;//验证第一个字符是数字而不是.obj.value = obj.value.replace...

jQuery判断数组是否包含了指定的元素

2017年02月06日 12 阅读

要判断数组中是否包含某个元素,从原理来来说,就是遍历整个数组,然后判断是否相等,复制代码代码如下:var arr = [ "xml", "html", "css", "js" ]; $.inArray（"js", arr）; //返回 3,如果不包含在数组中,则返回 -1;以上就是本文的全部内容了，有需要的小伙伴参考下吧...

jQuery简单实现禁用右键菜单

2017年02月06日 12 阅读

代码非常简单，这里就不多废话了，直接上代码：复制代码代码如下:$（document）.ready（function（）{ $（document）.bind（"contextmenu",function（e）{ return false; }）;}）;5行代码搞定，简单吧，当然小伙伴们可以自由扩展下，可以实现屏蔽右键菜单的指定项。...

jquery实现textarea 高度自适应

2017年02月06日 13 阅读

之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩，今天花了点时间换了种实现方法，总结一下复制代码代码如下:jQuery.fn.extend（{ autoHeight: function（）{ return this.each（function（）{ var $this = jQuery（this）; if（！$this.attr（"_initAdjustHeight"））{ $this.attr（"_initA...

javascript与css3动画结合使用小结

2017年02月06日 12 阅读

当Html5,css3已渐渐成为主流的时候，我还非常习惯的用js去做一些简单的动画。因为在桌面浏览器上，并非所有的都支持css3。用户也倒是很奇怪，用户习惯并不是每个用户都可以被培养。总有不少人会觉得win7.win8没xp好用。但手机方面就大不一样了，手机浏览器对html5和css3的支持还是很不错的。但手机硬件处理能力却又十分有限。在四核、八核手机横行的今天，依然有像我这样使用双核或单核手机的。js虽好，单奈何接触不多，调不好那种感觉。一个简单的页面...

解决node-webkit 不支持html5播放mp4视频的方法

2017年02月06日 12 阅读

原因： mp4似乎是有专利的影音格式。node-webkit不对其进行支持…… 似乎是。。解决方法：在本地安装chrome浏览器，进行安装目录（例：c:GoogleChromeApplication37.0.2062.103），找到ffmpegsumo.dll文件。复制（ffmpegsumo.dll）并替换node-webkit目录下的ffmpegsumo.dll。注：由于chromium 版本众多，所以，下载的chrome浏览器的chromium版本要...

javascript结合Canvas 实现简易的圆形时钟

2017年02月06日 14 阅读

之前学习了下html5中的canvas元素，为了练练手就实现了一个简易的时钟。时钟本身并不复杂，也没有使用图片进行美化，不过麻雀虽小五脏俱全，下面就与大家分享一下：演示效果：html代码：复制代码代码如下:<！DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <...

node-webkit打包成exe文件被360误报木马的解决方法

2017年02月06日 12 阅读

最近项目需要用到node-webkit。处理古老级用户的兼容以及他们心里的‘数据安全"问题。1、下载完node-webkit2、制作appName.nw文件3、copy /b nw.exe+appName.nw TestAppName.exe到目前为止，目录下生成了TestAppName.exe文件，双击运行很完美。但，直接将TestAppName.exe换个目录，却打不开。google+百度的解决方案：使用Enigma Virtual Box工具，打包...

iScroll中事件点击触发两次解决方案

2017年02月06日 12 阅读

之前也看了很多朋友的文章里有讲这个问题。比如使用一个变量记录执行的间隔时间什么的。感觉每次都要去撸一下，比较累人。本人喜欢搬砖前先选工具。其实解决这个方法很简单。iScroll呢其实是截获了点击浏览器时的touchstart和touchend事件。在touchend的时候使用js去触发元素的onclick事件（_end这个函数）。而在实际操作中，先执行了touchend，然后再执行了一次onclick的相关函数。这样就形成了头疼的一次点击两次触发。这本来就...

JavaScript限定图片显示大小的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript限定图片显示大小的方法。分享给大家供大家参考。具体实现方法如下：/** * 限制图片显示的size. ** @param thisobj 图片组件 * @param limitW 限制宽度大小 * @param limitH 限制高度大小 */function imageResize（thisobj, limitW, limitH） {var newW;var newH;if （thisobj.width > lim...

JavaScript前补零操作实例

2017年02月06日 13 阅读

本文实例讲述了JavaScript前补零操作的方法。分享给大家供大家参考。具体如下：很多时候为了显示格式，需要在某一字符串不满位的情况下进行前补0操作。1. 传统代码/** * 前补0操作 * @param number String 待操作字符串 * @param length int 目标长度 */function addZero（number, length） {var buffer = "";if （number == ""） {for （var ...

JavaScript实现SHA-1加密算法的方法

2017年02月06日 12 阅读

本文实例讲述了JavaScript实现SHA-1加密算法的方法。分享给大家供大家参考。具体实现方法如下：调用方法：hex_sha1即可。复制代码代码如下:/*** A JavaScript implementation of the Secure Hash Algorithm, SHA-1, as defined* in FIPS PUB 180-1** By lizq** 2006-11-11**//*** Configurable variables...

javascript实现详细时间提醒信息效果的方法

2017年02月06日 12 阅读

本文实例讲述了javascript实现详细时间提醒信息效果的方法。分享给大家供大家参考。具体如下：我们经常在社交网络上面看到很人性化的时间提示比如,你的朋友几分钟前更新了什么,你的朋友几天前更新了什么信息.这些小tips比直接显示某年某月人性化很多.我们可以用不同的程序实现这种效果.下面我是通过前台javascript来实现这种效果.这样可以减少后台服务器的压力.javascript实现代码如下：复制代码代码如下:// 本函数实现了更人性化的时间提示 /...

首页 / 脚本样式 / JavaScript

jQuery实现行文字链接提示效果的方法

JQuery实现动态适时改变字体颜色的方法

jQuery实现3D文字特效的方法

jQuery实现切换字体大小的方法

jQuery实现高亮显示的方法

jQuery简单几行代码实现tab切换

jQuery实现当前页面标签高亮显示的方法

js控制文本框只输入数字和小数点的方法

jQuery判断数组是否包含了指定的元素

jQuery简单实现禁用右键菜单

jquery实现textarea 高度自适应

javascript与css3动画结合使用小结

解决node-webkit 不支持html5播放mp4视频的方法

javascript结合Canvas 实现简易的圆形时钟

node-webkit打包成exe文件被360误报木马的解决方法

iScroll中事件点击触发两次解决方案

JavaScript限定图片显示大小的方法

JavaScript前补零操作实例

JavaScript实现SHA-1加密算法的方法

javascript实现详细时间提醒信息效果的方法