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

Javascript 颜色渐变效果的实现代码

2017年02月06日 17 阅读

下面就是博主的一些思路和解决办法，如果对此没兴趣，想直接使用jquery插件的同学，可以点这里思路每一种颜色由RGB组成，每两位为一个16进制数当前颜色代码和目标颜色代码，转换成10进制数后，是有差值的，利用差值，设定总执行次数的步长，计算每一步变更颜色的10进制数利用定时器执行简单的讲，就是将6位颜色代码以每两位转换为10进制数，然后计算两对RGB值的差，根据设定的步长（执行次数），计算每一步需要增加或减少的RGB值，最后变为目标颜色的RGB值需要解决的...

基于JQuery的列表拖动排序实现代码

2017年02月06日 16 阅读

要求拖动排序，从名字就不难想像，就是按住一行数据拖到想要的排序位置，保存新的排序队列。思路首先给列表行建立锚点，绑定mousedown和mouseup事件，当鼠标移动到想要插入的位置时，将对象行移动到目标行，然后对其经过的所有行进行排序处理。思路很简单，但这里面仍然有几个问题要注意1、移动到什么位置可以视作要插入到目标行的位置。2、移动出了顶端和底端时，判断为第一和最后。3、向上移动和向下移动的处理解决关于事件Javascript里鼠标按下和放开事件为on...

jquery实现多级下拉菜单的实例代码

2017年02月06日 17 阅读

复制代码代码如下:<！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><title>jquery实现多级下拉菜单-柯乐义&...

jquery定时滑出可最小化的底部提示层特效代码

2017年02月06日 19 阅读

html源代码：复制代码代码如下:<！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><meta http-equiv="Con...

jQuery插件 selectToSelect使用方法

2017年02月06日 16 阅读

以前总想到网上找一个这样的，但是一直没有找到,所以我自己写了一个。希望能帮助到看到的童鞋。如果谁有更强大的插件，跟我留一个地址，非常感谢！效果如下:代码如下: 复制代码代码如下:（function（$）{ $.fn.selectToSelect=function（options）{ if（$.type（options）=="string"）{ var $this=$（this）; if（options=="getSelectedIds"）{ var id...

jquery parent和parents的区别分析

2017年02月06日 19 阅读

可以看出parent的取值很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子说明：复制代码代码如下:<div id="div1"><div id="div2"><p></p></div><div id="div3" class="a"><p></p></div><div id="div4"><p>...

js中单引号与双引号冲突问题解决方法

2017年02月06日 18 阅读

如何解决js中单引与双引冲突，想下面的这段代码：复制代码代码如下:html += " <a onclick="return removeOpenCss（"+e.point.lng+e.point.lat+"）">取消</a>";这是js中的代码，如果这里这样写的话，会提示js错误，是因为removeOpenCss方法里的参数没有单引或者双引，如果这里，这样写的话：复制代码代码如下:html += " <a onclick=...

JS教程:window.location使用方法的区别介绍

2017年02月06日 17 阅读

window.location.href=&http://www.webjx.com/javascript/ldquo;url”：改变url地址;window.location.replace（“url”）：将地址替换成新url，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL，这个特点对于做一些过渡页面非常有用！window.location.reload（...

纯js简单日历实现代码

2017年02月06日 18 阅读

复制代码代码如下: <！doctype html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body,ul,li,h2,p { margin:0px; padding...

javascript自启动函数的问题探讨

2017年02月06日 20 阅读

话不多说了。先来看两段代码：复制代码代码如下: var elems = document.getElementsByTagName（"a"）; for （var i = 0; i < elems.length; i++） { alert（i）; elems[i].addEventListener（"click", function （e） { e.preventDefault（）; alert（"I am link #" + i）; }, "f...

javascript 函数声明与函数表达式的区别介绍

2017年02月06日 15 阅读

还是一样，先上代码：复制代码代码如下: <script> var f = function g（） { return 1; }; if （false） { f = function g（）{ return 2; }; } alert（g（））; // 2 </script> 把这段代码扔到IE 6 里面和chorme里面是完全不同的两种效果。这里输出2 是在ie6里面的效果，如果在chorme会出现g没有定义。这也算是JS...

jQuery.fn和jQuery.prototype区别介绍

2017年02月06日 19 阅读

近期在读jQuery的源码。发现这里有个东西很难理解。这里的 jQuery , jQuery.fn , jQuery,fn,init ,jQuery,prototype 都代表什么。来看下jQuery的源码是怎么样定义的：复制代码代码如下: （function（ window, undefined ） { var jQuery = （function（） { // 构建jQuery对象 var jQuery = function（ selecto...

jquery中animate动画积累的解决方法

2017年02月06日 14 阅读

昨天一同学向我求助，说做了一个简单的动画效果，就是图片自动左右播放复制代码代码如下: <span style="white-space:pre"> </span>/* 无缝式焦点图 */ var _left = 770; var left = -_left;//-770 function slideImg（） { if（left == -3080 || left == 0） { _left = -_left; } $（".sli...

jquery next nextAll nextUntil siblings的区别介绍

2017年02月06日 15 阅读

next：紧挨着$（""）的一个元素 nextAll：在$（""）以后的所有的同辈元素 nextUntil：until有直到。。。之前的意思，所以他表示$（""）以后的所有的同辈元素，不过要在nextUntil参数之前，不包括匹配的元素本身 sibings:$（""）前后的所有同辈元素简单理解就是，next就是找他的弟弟/妹妹，nextAll就是找他所有的弟弟/妹妹，nextUntil就是找比他小一定年龄的弟弟/妹妹，siblings就是找他所有的哥哥/...

Javascript表格翻页效果的具体实现

2017年02月06日 17 阅读

表格翻页的实现方式有很多，下面以js为例为大家详细介绍下表格翻页效果的具体实现。复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>表格翻页---www.jb51.net</TITLE> <style> body, td{ font-size: 9...

jquery $（this）.attr $（this）.val方法使用介绍

2017年02月06日 18 阅读

$（this）.attr（key）; 获取节点属性名的值，相当于getAttribute（key）方法 $（this）.attr（key, value）; 设置节点属性的值，相当于setAttribute（key,value）方法 eg:<div id="w_1" class="widget" diywidgetid="${template.diyWidgetId}"></div> var diywidgetid = $（"#w_1...

JQuery中form验证出错信息的查看方法

2017年02月06日 18 阅读

JQuery中form验证出错，可以采用以下方式来查看具体input的出错信息复制代码代码如下: If（！$（‘form"）.valid（）） { $（$（‘form"）.validate（）.errorList）.each（function （index, item） { Console.log（$（$（item）.attr（‘element））.attr（‘name"） + ‘ " + $（$（item）.attr（‘element））.attr（...

Firefox和IE兼容性问题及解决方法总结

2017年02月06日 15 阅读

在开发多语言java 网站的过程中，发现不少FF中可以正常运行的代码，可是在IE中不行，反之亦然。IE和Firefox（火狐）在JavaScript方面的不兼容及统一方法总结如下： 1.兼容firefox的 outerHTML，FF中没有outerHtml的方法复制代码代码如下: if （window.HTMLElement） { HTMLElement.prototype.__defineSetter__（"outerHTML",function（s...

javascript随机将第一个dom中的图片添加到第二个div中示例

2017年02月06日 19 阅读

javascript随机将第一个dom中的图片添加到第二个div中去，此代码的是一个简单的例子，将第一个div中的五张图片中，提取随机两张显示到第二个div中。复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html x...

js中的push和join方法使用介绍

2017年02月06日 19 阅读

复制代码代码如下: <script type="text/javascript"> function delWork（id）{ var boxes = document.getElementsByName（"commonPage.idBox"）; var selected = new Array（）; for （var i=0; i<boxes.length; i++） { if（boxes[i].checked）{ //push（）把...

首页 / 脚本样式 / JavaScript

Javascript 颜色渐变效果的实现代码

基于JQuery的列表拖动排序实现代码

jquery实现多级下拉菜单的实例代码

jquery定时滑出可最小化的底部提示层特效代码

jQuery插件 selectToSelect使用方法

jquery parent和parents的区别分析

js中单引号与双引号冲突问题解决方法

JS教程:window.location使用方法的区别介绍

纯js简单日历实现代码

javascript自启动函数的问题探讨

javascript 函数声明与函数表达式的区别介绍

jQuery.fn和jQuery.prototype区别介绍

jquery中animate动画积累的解决方法

jquery next nextAll nextUntil siblings的区别介绍

Javascript表格翻页效果的具体实现

jquery $（this）.attr $（this）.val方法使用介绍

JQuery中form验证出错信息的查看方法

Firefox和IE兼容性问题及解决方法总结

javascript随机将第一个dom中的图片添加到第二个div中示例

js中的push和join方法使用介绍