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

js实现滑动触屏事件监听的方法

2017年02月06日 12 阅读

本文实例讲述了js实现滑动触屏事件监听的方法。分享给大家供大家参考。具体实现方法如下：function span_move_fun（）{ var span = document.getElementById（"move_k"）; var span_left = $（span）.offset（）.left; var span_top = $（span）.offset（）.top; var start_left = $（span）.offset（）.left;...

javascript使用avalon绑定实现checkbox全选

2017年02月06日 15 阅读

duplex双工绑定是avalon绑定里面最有趣的一个，因为它在内部帮开发者做了很多事，让开发者写的代码减少，代码更优雅。下面随便演示一个常见的checkbox全选。要求:（老掉牙了，还是说一下）1.勾选了全选框后，下面的子选框全被勾选；没勾选全选框，则子选框全部不勾选2.子选框如果有一个未勾选，则取消全选框勾选；3.子选框全部勾选，则勾选全选框<！DOCTYPE html><html><head><meta ht...

JS实现CheckBox复选框全选全不选功能

2017年02月06日 13 阅读

CheckBox控件就是我们一般所说的复选框，通常用于某选项的打开或关闭。大多数应用程序的“设置”对话框内均有此控件。我们看到的可以打勾的就是CheckBox。该控件表明一个特定的状态（即选项）是选定（on，值为1）还是清除（off，值为0）。在应用程序中使用该控件为用户提供“True/False”或“yes/no”的选择。因为 CheckBox 彼此独立工作，所以用户可以同时选择任意多个 CheckBox，进行选项组合。 CheckBox复选框...

js实现点击按钮后给Div图层设置随机背景颜色的方法

2017年02月06日 12 阅读

本文实例讲述了js实现点击按钮后给Div图层设置随机背景颜色的方法。分享给大家供大家参考。具体如下：给myDiv设置随机背景颜色，用随机颜色代码赋值给DIV的背景颜色<！DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html; charset=gb2312"/><title>js设置随机颜色 </...

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">...

完美实现仿QQ空间评论回复特效

2017年02月06日 12 阅读

评论回复是个很常见的东西，但是各大网站实现的方式却不尽相同。大体上有两种方式1.像优酷这种最常见，在输入框中@要回复的人，这种方式下，用户可以修改@。新浪微博则是在这个基础上，弹出好友菜单。这种方式的好处是不需要任何js,css处理兼容。2.像qq空间这种，对回复的人整个删除。本屌感觉这种方式比较好，但这种方式有些兼容性上的细节，这个后面会详细说明。事实上，qq空间的这种实现在效果上是兼容了ie和现代浏览器的，做的非常好。上面是chromeie8ie7ie...

wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析

2017年02月06日 12 阅读

昨天在github上发现了一个很好的富文本编辑器wangEditor,一看名字就是中国人写的。这个编辑器好在支持ie6+,另外最重要的一点，它在ie6,7,8上都可以做到失去焦点后仍然可以在原位置插入图片，而且代码量很少。于是很好奇的看看它是怎么做的，裁剪了一下，就这些var currentRange,_parentElem,supportRange = typeof document.createRange === "function";function...

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" xml:lang="en" ...

javascript实现简单的html5视频播放器

2017年02月06日 12 阅读

效果：代码很简单jsdefine（"html5_video_player", [ "../avalon-min"], function（avalon） {function formatTime（seconds） {var seconds = Math.round（seconds）;var minutes = Math.floor（seconds / 60）;seconds = Math.floor（seconds % 60）;minutes = （minu...

avalonjs制作响应式瀑布流特效

2017年02月06日 12 阅读

布局不是基于float，也不是基于绝对定位，看最下面的html,css就知道了。也没有满篇烦人的html插入，代码很清爽function getIndex（index） {if （index < 10） {index = "00" + index;} else if （index < 100） {index = "0" + index;}return index;}var $ = function（id） {return document....

avalonjs实现仿微博的图片拖动特效

2017年02月06日 12 阅读

效果：HTML:<div id="post_img" ms-controller="post_img"> <ul id="post_img_inner" ms-mousemove="onmousemove"><li ms-repeat-el="post_img_list" class="inline-block" ms-mousedown="onmousedown（$event,$index,el）" ms-attr-id="...

NodeJs中的VM模块详解

2017年02月06日 12 阅读

什么是VM？VM模块是NodeJS里面的核心模块，支撑了require方法和NodeJS的运行机制，我们有些时候可能也要用到VM模板来做一些特殊的事情。通过VM，JS可以被编译后立即执行或者编译保存下来稍后执行（JavaScript code can be compiled and run immediately or compiled, saved, and run later.）VM模块包含了三个常用的方法，用于创建独立运行的沙箱体制，如下三个方法vm...

javascript实现完美拖拽效果

2017年02月06日 12 阅读

拖拽的原理1.获取距离（鼠标的位置-odiv的外边距）2.理解什么时候用onmousemove事件3.判断是否过界html代码：<div id="div1"></div>css代码：#div1{width:100px;height:100px;background:red;position:absolute}javascript代码：window.onload=function（）{var oDiv=document.getElem...

javascript实现回到顶部特效

2017年02月06日 12 阅读

HTML:<input id="btn1" type="button" value="回到顶部" />CSS:#btn1{position:fixed;bottom:10px;right:10px;}JS:window.onload=funcition（）{var oBtn=document.getElementById（"btn"）;var timer=null;//申明一个变量看是否为系统还是用户滚动var sBys=true;window...

js中日期的加减法

2017年02月06日 12 阅读

今天就算对JS中日期的加减法做个总结，一共两步第一步，引入date.format.js，这个JS的作用是将日期转为指定的格式，代码如下var dateFormat = function （） {vartoken = /d{1,4}|m{1,4}|yy（?:yy）?|（[HhMsTt]）1?|[LloSZ]|"[^"]*"|"[^"]*"/g,timezone = /（?:[PMCEA][SDP]T|（?:Pacif...

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"><...

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表格排序实例分析（支持int,float,date,string四种数据类型）

2017年02月06日 13 阅读

本文实例讲述了js表格排序的方法。分享给大家供大家参考。具体如下：<html><head><title>SortTable2</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript">var k=0;/**//*************...

js给selected添加options的方法

2017年02月06日 13 阅读

本文实例讲述了js给selected添加options的方法。分享给大家供大家参考。具体实现方法如下：<select id="Mmonth"><option>1</option></select><input type="button" onclick="a（）" value="添加"/><script>function a（）{ document.getElementById（"Mm...

js获取form的方法

2017年02月06日 12 阅读

本文实例讲述了js获取form的方法。分享给大家供大家参考。具体如下：先来看下面代码：<html> <head> <scirpy> window.onload=function（）{var f1=document.f1;var f2=document.forms[1];alert（f2.id）; var f3=document.forms["f1"]; } </script> </head> &l...

首页 / 脚本样式 / JavaScript

js实现滑动触屏事件监听的方法

javascript使用avalon绑定实现checkbox全选

JS实现CheckBox复选框全选全不选功能

js实现点击按钮后给Div图层设置随机背景颜色的方法

jQuery实现鼠标单击网页文字后在文本框显示的方法

完美实现仿QQ空间评论回复特效

wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析

js实现的四级左侧网站分类菜单实例

javascript实现简单的html5视频播放器

avalonjs制作响应式瀑布流特效

avalonjs实现仿微博的图片拖动特效

NodeJs中的VM模块详解

javascript实现完美拖拽效果

javascript实现回到顶部特效

js中日期的加减法

js实现仿百度汽车频道选择汽车图片展示实例

js实现漂浮回顶部按钮实例

js表格排序实例分析（支持int,float,date,string四种数据类型）

js给selected添加options的方法

js获取form的方法