Javascript 多物体运动的实现 2017年02月06日 14 阅读 我们先来看下之前的运动的代码,是否支持多物体运动,会出现怎么样的问题。复制代码 代码如下:<style type="text/css"> div { width: 100px; height: 50px; background: red; margin: 10px; } </style>复制代码 代码如下:<body> <div></div> <div></div> <...
js获取当前时间显示在页面上并每秒刷新 2017年02月06日 12 阅读 方法很简单,代码也很简洁,直接奉上代码吧复制代码 代码如下:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>js获取当前时间显示在页面上</title><script>window.onload=function(){//定时器每秒调用一次fnDate()setInterval(functi...
24款热门实用的jQuery插件推荐 2017年02月06日 13 阅读 Vanity Toolsetvanity toolset是一套方便的UI工具集,可以帮助你快速的搭建幻灯,聚光灯,占位,收放相关的UI,它完成了大部分的UI功能,你只需要花费很少时间就可以构建一个完整功能的UIpercentageloader这个漂亮的进度条插件可以帮助你快速构建一个功能丰富的加载条,让你的界面不在千篇一律。Blur.JS一个帮助你创建元素透明效果的jQuery插件。GIPS一个超干净整洁的工具提示jQuery插件,基于Gips的免费素材N...
jQuery中val()方法用法实例 2017年02月06日 13 阅读 本文实例讲述了jQuery中val()方法用法。分享给大家供大家参考。具体分析如下:此方法设置或获取匹配元素的value属性值。只有具有value属性的元素才能够使用此方法。比如input元素可以使用此方法,而div元素就不可以。使用方式:用法一:此方法不带参数的时候是返回第一个匹配元素的value属性值。例如:复制代码 代码如下:$("input").val()以上代码是获取第一个input元素的value属性值。实例代码:复制代码 代码如下:<!...
jQuery中html()方法用法实例 2017年02月06日 13 阅读 本文实例讲述了jQuery中html()方法用法。分享给大家供大家参考。具体分析如下:此方法能够设置和取得匹配元素的HTML内容,原来的内容将会被新设置的内容替换。特别说明:HTML内容就是内容中可以包含HTML标签,并且能够被浏览器渲染。文本内容是先将内容中的HTML预定义字符转换成html字符实体,这样HTML标签就不会被渲染。语法结构一:复制代码 代码如下:$(selector).html()此时方法不带参数时候是取得第一个匹配元素的html内容。此...
使用mini-define实现前端代码的模块化管理 2017年02月06日 12 阅读 mini-define依据require实现的简易的前端模块化框架。如果你不想花时间学习require.js,也不想翻看长篇的cmd/amd规范,那么这个mini-define就是你不错的选择。如果你之前用过sea.js或require.js那么mini-define更加高效,更加轻量,更加易用。项目地址:github用法首先定义模块定义模块一:定义模块用define函数1.1 根据是否有依赖,有两种情况:1.1.1:没有依赖的模块复制代码 代码如下: d...
jQuery中append()方法用法实例 2017年02月06日 12 阅读 本文实例讲述了jQuery中append()方法用法。分享给大家供大家参考。具体分析如下:此方法可向所有匹配元素的内部的尾部追加HTML内容。特别说明:此方法是追加内容,并不会删除之前的内容。html内容就是内容中可以包含html标签,并且能够被浏览器渲染。文本内容是先将内容中的html预定义字符转换成html字符实体,这样html标签就不会被渲染。语法结构:复制代码 代码如下:$(selector).append(content)实例代码:实例一:复制代...
jQuery中prepend()方法用法实例 2017年02月06日 13 阅读 本文实例讲述了jQuery中prepend()方法用法。分享给大家供大家参考。具体分析如下:此方法可向所有匹配元素的内部的前面追加HTML内容。特别说明:此方法是追加内容,也就是原来的内容还在。HTML内容就是内容中可以包含HTML标签,并且能够被浏览器渲染。文本内容是先将内容中的html预定义字符转换成html字符实体,这样html标签就不会被渲染。语法结构:复制代码 代码如下:$(selector).prepend(content)实例代码: 实例一:...
jQuery中after()方法用法实例 2017年02月06日 14 阅读 本文实例讲述了jQuery中after()方法用法。分享给大家供大家参考。具体分析如下:此方法可向每个匹配元素的外部的尾部追加HTML内容。特别说明:此方法是追加内容,也就是原来的内容还在。HTML内容就是内容中可以包含HTML标签,并且能够被浏览器渲染。文本内容是先将内容中的HTML预定义字符转换成html字符实体,这样HTML标签就不会被渲染。语法结构:复制代码 代码如下:$(selector).after(content)实例代码:实例一:复制代码 ...
2014 年最热门的21款JavaScript框架推荐 2017年02月06日 12 阅读 下面,我们将会介绍 2014 年最火的 21 款JavaScript 框架,专为前端开发者准备的哦:)众所周知, JavaScript 框架是 JavaScript编程语言最棒的特性之一。 JavaScript 框架是预先编写好的 JavaScript 库,为基于 JavaScript 的应用提供更简单的开发方式。这些 JavaScript框架提供大量的函数,帮助你改善网站任务。现在网络上有着各种各样繁杂的JavaScript 框架,这里我们列举 201...
jQuery中before()方法用法实例 2017年02月06日 12 阅读 本文实例讲述了jQuery中before()方法用法。分享给大家供大家参考。具体分析如下:此方法可向每个匹配元素的外部的前部追加HTML内容。特别说明:此方法是追加内容,也就是原来的内容还在。HTML内容就是内容中可以包含HTML标签,并且能够被浏览器渲染。文本内容是先将内容中的HTML预定义字符转换成html字符实体,这样HTML标签就不会被渲染。语法结构:复制代码 代码如下:$(selector).before(content)实例代码:实例一:复制代...
jQuery中replaceWith()方法用法实例 2017年02月06日 12 阅读 本文实例讲述了jQuery中replaceWith()方法用法。分享给大家供大家参考。具体分析如下:此方法将所有匹配的元素替换成指定的HTML或DOM元素。需要注意的是此方法是追加内容,也就是原来的内容还在。特别说明:HTML内容就是内容中可以包含HTML标签,并且能够被浏览器渲染。文本内容是先将内容中的HTML预定义字符转换成html字符实体,这样HTML标签就不会被渲染。语法结构: 复制代码 代码如下:$(selector).replaceWith(c...
jQuery中remove()方法用法实例 2017年02月06日 12 阅读 本文实例讲述了jQuery中remove()方法用法。分享给大家供大家参考。具体分析如下:此方法将会从DOM中删除所有匹配的元素。说明:remove()方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素,不过除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除。语法结构:复制代码 代码如下:$(selector).remove(expr)参数列表:参数描述expr可选。用于筛选元素的jQuery表达式实例...
jQuery中detach()方法用法实例 2017年02月06日 12 阅读 本文实例讲述了jQuery中detach()方法用法。分享给大家供大家参考。具体分析如下:此方法从DOM中删除所有匹配的元素。说明:detach()方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素,与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。语法结构:复制代码 代码如下:$(selector).detach(expr)参数列表: 参数描述expr可选。用于筛选被删除元素的jQuery表达式。实例代码...
angularjs基础教程 2017年02月06日 12 阅读 很久没有写过东西了,感觉写东西都不知道从哪里开始了,现在还是先写点技术性的吧,angularjs–我兄弟把它叫成“俺哥啦js”1.下载 复制代码 代码如下:官方网址:https://angularjs.org/ CDN:https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.5/angular.min.js 2.简单介绍使用 1.ng-app决定了angularjs的作用域范围,你可以如下使用复...
浅谈javascript对象模型和function对象 2017年02月06日 14 阅读 javascript中,函数就是对象复制代码 代码如下:<html> <head> <script type="text/javascript">function add(number){ alert(number+20); } var add=function(number){ alert(number+20); } function add(number,number1){ alert(number+30); }...
浅析javascript操作 cookie对象 2017年02月06日 12 阅读 Cookie 对象是一种以文件(Cookie文件)的形式保存在客户端硬盘的Cookies文件夹中的数据信息(Cookie数据)。Cookie文件夹中的用户数据信息(Cookie数据)。Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取。(不允许进行跨域的访问)Cookie文件的格式:NS:Cookie.txtIE:用户名@域名.txtjavascript 写入Coo...
javascript实现类似超链接的效果 2017年02月06日 12 阅读 实现类似超链接的效果,this代表本页面元素复制代码 代码如下:<html> <head> <script type="text/javascript"> function mOver(obj){ obj.color="red"; } function mOut(obj){ obj.color="blue"; }</script> </head><body><font sty...
jQuery中click事件用法实例 2017年02月06日 13 阅读 本文实例讲述了jQuery中click事件用法。分享给大家供大家参考。具体分析如下:当鼠标指针在匹配元素上方,然后按下并松开鼠标左键或者调用click()方法都会触发click事件。一个完整的事件过程,不但要有能够触发事件的条件,而且还要有事件处理程序。可以通过click()方法为click事件绑定事件处理程序。例如:复制代码 代码如下:$("button").click(function(){$("div").css("color","green")})...
javascript工厂方式定义对象 2017年02月06日 12 阅读 每一个函数对象都有一个length属性,表示该函数期望接收的参数个数。复制代码 代码如下:<html> <head> <script type="text/javascript"> var add =function(num1,num2,num3){ alert(num1+num2+num3); } alert(add.length); </script> </head> <body>...