js实现可得到不同颜色值的颜色选择器实例 2017年02月06日 12 阅读 本文实例讲述了js实现可得到不同颜色值的颜色选择器。分享给大家供大家参考。具体实现方法如下:复制代码 代码如下:<html><head><title>js颜色选择器,可得到不同的颜色值</title></head><body><input id=kkk1 style=position:absolute;left:0;top:0><input id=kkk2 style...
JavaScript操作Cookie详解 2017年02月06日 12 阅读 什么是 Cookie“cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。” - w3schoolcookie 是访问过的网站创建的文件,用于存储浏览信息,例如个人资料信息。从JavaScript的角度看,cookie 就是一些字符串信息。这些信息存放在客户端的计算机中,用于客户端计算机与服务器之间传递信息。在JavaScri...
常用的JavaScript模板引擎介绍 2017年02月06日 13 阅读 最近工作内容慢慢接近我的理想化(web前端),所以关注比较多的是前端性能!后台同事介绍使用ajax模板引擎,提高渲染速度!下面介绍几款 JavaScript 模板引擎1. Mustache基于javascript 实现的模板引擎,类似于 Microsoft"s jQuery template plugin,但更简单易用!2. doT.jsdoT.js 包含为浏览器和Node.js 准备的 JavaScript 模板引擎。3. jSmartjSmart 是著...
js实现背景图片感应鼠标变化的方法 2017年02月06日 14 阅读 本文实例讲述了js实现背景图片感应鼠标变化的方法。分享给大家供大家参考。具体分析如下:鼠标点击后背景图片变化,点击另外一个菜单项前面的会自动恢复背景,其实这个如果单纯使用CSS是没办法做的,我们还要使用JS来判断鼠标状态,代码如下:<style type="text/css"> .dh a{background:#FFFFCC;width:50px;height:30px;display:block; text-align:center;col...
JS网页在线获取鼠标坐标值的方法 2017年02月06日 13 阅读 本文实例讲述了JS网页在线获取鼠标坐标值的方法。分享给大家供大家参考。具体实现方法如下:复制代码 代码如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>显示鼠标坐标</title></head><body onMousemove="micro$of...
JS实现在线统计一个页面内鼠标点击次数的方法 2017年02月06日 13 阅读 本文实例讲述了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/xhtm...
JS实现鼠标箭头变成一个燃烧烛光效果的方法 2017年02月06日 12 阅读 本文实例讲述了JS实现鼠标箭头变成一个燃烧烛光效果的方法。分享给大家供大家参考。具体如下:这是一个完全的鼠标箭头美化效果的JS代码,通过这个JS代码,把鼠标的箭头加上一个样式,燃烧中的蜡烛。这个也是很古老的代码了,只能在IE8及以下浏览器运行,代码如下:复制代码 代码如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312...
js根据鼠标移动速度背景图片自动旋转的方法 2017年02月06日 13 阅读 本文实例讲述了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实现tab标签自动切换的方法 2017年02月06日 12 阅读 本文实例讲述了jQuery实现tab标签自动切换的方法。分享给大家供大家参考。具体实现方法如下:复制代码 代码如下:<!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"...
js实现文字跟随鼠标移动而移动的方法 2017年02月06日 12 阅读 本文实例讲述了js实现文字跟随鼠标移动而移动的方法。分享给大家供大家参考。具体分析如下:这是一款非常简单的鼠标特性代码,在网页中移动鼠标的时候,后面跟着一串文字跟随者鼠标移动复制代码 代码如下:<html><head><style type="text/css">.spanstyle {COLOR: 000000; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISI...
Underscore.js常用方法总结 2017年02月06日 12 阅读 概述Underscore.js是一个很精干的库,压缩后只有4KB。它提供了几十种函数式编程的方法,大大方便了Javascript的编程。MVC框架backbone.js就是基于这个库。它定义了一个下划线(_)对象,函数库的所有方法都属于这个对象。这些方法大致上可以分成:集合(collection)、数组(array)、函数(function)、对象(object)和工具(utility)五大类。在node.js下安装Underscore.js不仅可以用于浏...
使用命令对象代替switch语句的写法示例 2017年02月06日 12 阅读 曾经有人说过,真正好的程序是没有if..else的,当然switch还不如if..else。JS规范里面是禁止使用switch的。命令对象(command object)就完美的解决了这个问题。引用一篇国外的博客提到的:JavaScript 有着良好的控制流程语句,这些语句往往用花括号包裹着。不过有个例外:switch … case 语句。switch … case 的奇怪之处在于你必须在每个 case 末尾加上关键字 break,以防止流程控制权穿越进入...
JQuery的ON()方法支持的所有事件罗列 2017年02月06日 12 阅读 自从jQuery添加了on()和off()方法之后,基本跟事件有关的操作我不会再使用其他诸如$(‘xxx").click(function(){});之类的了。不过jQuery的api里面没有说on里面到底可以绑定多少个事件,今天看jQuery1.8.3的源码无意间发现了这些,很开心~下面就把on里面支持的事件列出来,共享给大家:复制代码 代码如下:blurfocusfocusinfocusoutloadresizescrollunloadclickdbl...
js获取当前日期前七天的方法 2017年02月06日 12 阅读 本文实例讲述了js获取当前日期前七天的方法。分享给大家供大家参考。具体如下://设置日期,当前日期的前七天var myDate = new Date(); //获取今天日期myDate.setDate(myDate.getDate() - 7);var dateArray = []; var dateTemp; var flag = 1; for (var i = 0; i < 7; i++) {dateTemp = (myDate.getMonth...
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/xhtm...
js实现完全自定义可带多级目录的网页鼠标右键菜单方法 2017年02月06日 12 阅读 本文实例讲述了js实现完全自定义可带多级目录的网页鼠标右键菜单方法。分享给大家供大家参考。具体分析如下:这是很不错的一个网页鼠标特性,这个代码可以控制网页中鼠标的右键菜单,完全按照你的意思打造,可以带多级的目录显示。复制代码 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...
jQuery实现菜单感应鼠标滑动动画效果的方法 2017年02月06日 12 阅读 本文实例讲述了jQuery实现菜单感应鼠标滑动动画效果的方法。分享给大家供大家参考。具体分析如下:此代码测试环境为IE9 以及GG、FF浏览器,IE8及以下浏览器可能不支持,希望理解。这款JS鼠标滑动效果使用jQuery实现简单动画的方法,而且也惊喜的发现,jquery有更好的书写方法,可以连写,在animate方法前加上stop方法就可实现鼠标移出后,不再执行滑动效果。复制代码 代码如下:<!DOCTYPE html PUBLIC "-//W3C/...
js中split和replace的用法实例 2017年02月06日 12 阅读 本文实例讲述了js中split和replace的用法。分享给大家供大家参考。具体分析如下:1. split :复制代码 代码如下:<html><head> <title> 从业人员继续教育报名列表--打印签到表 sdfsd</tr><tr></tr> sdfsd </title></head><body> <script type="text/...
jQuery实现折线图的方法 2017年02月06日 12 阅读 本文实例讲述了jQuery实现折线图的方法。分享给大家供大家参考。具体如下:效果图如下所示:js引用:复制代码 代码如下:<script src="Js/Index/jquery-1.5.2.min.js" type="text/javascript"></script> <script src="js/Index/raphael.2.1.0.min.js" type="text/javascript"></scr...
JQuery中使文本框获得焦点的方法实例分析 2017年02月06日 14 阅读 本文实例分析了JQuery中使文本框获得焦点的方法。分享给大家供大家参考。具体分析如下:由于JQuery中获得的对象还是JQuery对象,对其使用focus()只是使该对象获得onFocus()函数,不能是对象获得焦点,所以要使对象获得焦点,应该调用DOM对象的focus 方法,即:$("#id")[0].focus();需要注意两个函数之间的区别:$("#id").focus();$("#id")[0].focus();第一个是增加onFocus()时间...