js版弹力球实例

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>弹力球实例</title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ background-color: #E8F8F8; } img{ width:50px; height: 50px; po…

js课程 6-15 js简单弹力球如何实现一.总结一句话总结:a.通过document的documentElement属性获取可是区域的高: b.通过增值变为负的实现到底部后反弹 1.document的body属性和documentElement属性的区别是什么? 比如body中只有一个img的时候那么body的区域就是只有img的这么大documentElement的范围就是整个document文档 2.如何实现弹力球到底部之后反弹的问题? 让增值变为负的即可 41 setInterval…

js 实现弹力球效果

1.html代码: <div id='imgid'> <img src="img/5.png"> </div> 2.js代码: imgobj=document.getElementById('imgid'); //可视区域的高(视口高-图片所占的高度) screenHeight=document.documentElement.clientHeight; imgHeight=158;/*imgobj.clientHeight*/ diffHeight…

JS实现弹性势能效果(弹力球效果[实现插件封装])

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>弹性势能动画(弹力球效果)</title> <style type="text/css"> * { margin: 0; padding: 0; } #box { position: absolute; top: 0; lef…

JS版百度地图API

地图的构建非常简单,官方的API文档也写得很清晰,我只做一总结: 一起jquery,17jquery 一.引入JS :这个很容易理解,既然是调用JS版的百度地图,肯定得引用外部的JS文件了,而这个文件来自百度的服务器(所以必须得联网,不然就没戏..),我们以后用到的所有方法都写在这个JS文件当中. 内容来自17jquery 17jquery.com <script type="text/javascript" src="http://api.map.baidu.com/…

原生js版分页插件

之前我在自己的博客里发表了一篇用angularJs自定义指令实现的分页插件,今天简单改造了一下,改成了原生JavaScript版本的分页插件,可以自定义一些简单配置,特此记录下来.如有不足之处,欢迎指出. 本插件可以自定义的功能: 1. 可初始化每页条数,以及重新选择每页条数 2.自定义首末页.上下页按钮的显示内容(是:<<. >>. < . > 还是:首页.末页.上一页.下一页) 3.设置当前页在一定范围时,是否显示省略号按钮 4.自定义当前页按钮与省略号…

js高级——构造函数，实例对象和原型对象——prototype、proto和constructor构造器

一.前言了解JavaScript面向对象,需要先了解三个名词: 构造函数,实例对象和原型对象. 注意:JavaScript中没有类(class)的概念,取而代之的是构造函数,两者类似却又有很大的差别. 先上代码,最常用的: function Person(name, age) { this.name = name; this.age = age; this.eat= function() { alert('吃西红柿') } } var person1 = new Person('小米', 28…

JS版微信6.0分享接口用法分析

本文实例讲述了JS版微信6.0分享接口用法.分享给大家供大家参考,具体如下: 为了净化网络,整顿诱导分享及诱导关注行为,微信于2014年12月30日发布了<微信公众平台关于整顿诱导分享及诱导关注行为的公告>,微信平台开发者发现,原有的微信分享功能不能用了.正在苦于微信分享该怎么解决时,微信于2015年1月10日即时发布了开放JS-SDK,为微信网站的开发提供了强大的js功能. 注: 1.微信JS-SDK,提供的分享接口仅是监听分享事件触发时,修改分享的标题.链接等.不能自定义触发分享事件 2.…

Twitter面试题蓄水池蓄水量算法(原创 JS版，以后可能会补上C#的)

之前在群里有人讨论Twitter的面试题,蓄水池蓄水量计算,于是自己写了个JS版的(PS:主要后台代码还要编译,想想还是JS快,于是就使用了JS了.不过算法主要还是思路嘛,而且JS应该都没问题吧^_^;) 这里是题目: ---------------------------分割线------------------------ 蓄水池储水量问题看图,可以将方块看做砖.题干很简单,问最多能放多少水.例如,图2就是图1可放的最多水(蓝色部分),如果将一块砖看做1的话,图2就是能放10个单位的水.图…

【干货】JS版汉字与拼音互转终极方案，附简单的JS拼音输入法

前言网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的不支持多音字,有的不支持声调,有的字典文件太大,还比如有时候我仅仅是需要获取汉字拼音首字母却要引入200kb的字典文件,无法根据实际需要满足需求. 综上,我精心整理并修改了网上几种常见的字典文件并简单封装了一下可以直接拿来用的工具库. 这篇文章差不多一个月前就写好了大部分了,但是就差拼音输入法这一块一直没时间去弄(与其说是没时间,还不如说是本人太懒),所以一直拖到今天才发表. 代码和DEMO演示 github…

团购、定时抢购倒计时js版

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <title>团购.定时抢购倒计时 </title> 5 <meta http-equiv="content-type&q…

PureMVC(JS版）源码解析：总结

PureMVC源码中设计到的11个类已经全部解析完了,回首想想,花了一周的时间做的这点事情还是挺值得的,自己的文字组织表达能力和对pureMVC的理解也在写博客的过程中得到了些提升.我也是第一次写系列博客,有很多疏漏之处,希望各位批准指正,也希望大家多相互交流. 为了大家方便索引,对PureMVC系列文章按照理解先后顺序做了个索引: 1.认识PureMVC:http://www.cnblogs.com/iRavior/p/3347956.html 2.PureMVC(JS版)源码解析(一):观察…

常见排序算法（JS版）

常见排序算法(JS版)包括: 内置排序,冒泡排序,选择排序,插入排序,希尔排序,快速排序(递归 & 堆栈),归并排序,堆排序,以及分析每种排序算法的执行时间. index.html <!DOCTYPE html> <html> <head> <title>twobin 常见排序算法 (JS版) </title> <meta http-equiv="content-type" content="text/…

全国三级城市联动 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> <meta http-equiv="Co…

pygame写的弹力球

这是pygame写的弹力球运行效果: ======================================================== 代码部分: ======================================================== 1 #A bouncing ball 2 3 import sys, pygame 4 5 __author__ = {'name' : 'Hongten', 6 'mail' : 'hongtenzone@foxmai…

百度地图 api 功能封装类 (ZMap.js) 本地搜索,范围查找实例

百度地图 api 功能封装类 (ZMap.js) 本地搜索,范围查找实例相关说明 1. 界面查看: 吐槽贴:百度地图 api 封装的实用功能 [源码下载] 2. 功能说明: 百度地图整合功能分享修正版[ZMap.js] 实例源码! ZMap.js 本类方法功能大多使用 prototype 原型实现: 包含的功能有:轨迹回放,圈画区域可编辑,判断几个坐标是否在一个圆圈内,生活服务查询,从经纬度获取地址信息,地图工具包括测距,获取面积,以积打印地图,地图全屏,实时路况,坐标是否在polygon…

PureMVC(JS版）源码解析

PureMVC(JS版)源码解析:总结 PureMVC源码中设计到的11个类已经全部解析完了,回首想想,花了一周的时间做的这点事情还是挺值得的,自己的文字组织表达能力和对pureMVC的理解也在写博客的过程中得到了些提升.我也是第一次写系列博客,有很多疏漏之处,希望各位批准指正,也希望大家多相互交流. 为了大家方便索引,对PureMVC系列文章按照理解先后顺序做了个索引: 1.认识PureMVC:http://www.cnblogs.com/iRavior/p/3347956.html 2.…

js版贪吃蛇

之前没有写博客的习惯,这是我的第一个博客,有些的不好的地方,希望大家多多提意见 js版的贪吃蛇相对比较简单,废话不多说直接上代码,有需要注意的地方我会标红,github源码地址https://github.com/masterChunlinHan/snake.git 所有的代码都在一个文件中,因为总共就没多少代码 1,首先定义几个后面要用到的全局变量地图定义为全局的是因为:后面的食物和蛇都要加到地图上,而添加的方法在食物和蛇各自的构造器中,需要地图是全局的才能被访问到食物定义成全局的是因为:…

【前端】vue.js环境配置以及实例运行简明教程

vue.js环境配置以及实例运行简明教程声明:本文档编写参考如下两篇博客,是对它们的修改与补充,欢迎点击链接查看原文: 原文1:vue.js在windows本地下搭建环境和创建项目原文2:Vue.js开发环境搭建 VUE.JS简介何为Vue.js Vue.js(读音 /vjuː/, 类似于 view)是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue…

跨浏览器的placeholder – 原生JS版

转自来源 : http://www.ifrans.cn/placehoder/ 跨浏览器的placeholder – 原生JS版 html5为input元素新增了一个属性”placeholder”,提供对输入字段预期值的提示信息,input为空且未获得焦点时显示,获得焦点时消失,非常实用.目前,大部分现代浏览器都对placeholder属性提供了支持,IE10也是支持的.如果需要使IE6~IE9等浏览器支持placeholder,只有借助js了. 在这些不支持原生placeholder属性的浏览…

vue.js+webpack在一个简单实例中的使用过程demo

这里主要记录vue.js+webpack在一个简单实例中的使用过程说明:本次搭建基于Win 7平台 Node.js 安装官网提供了支持多种平台的的LTS版本下载,我们根据需要来进行下载安装.对于Windows平台提供了.mis和.zip(二进制)两种选择,我们可以根据自己需要任选一种安装.具体安装过程就不详说. 注意:为了使用方便,我们需要检测PATH环境变量是否配置了Node.js.点击开始=>运行=>输入“cmd”=>输入命令“path”(我们也可以直接使用命令win+R输入“cm…

js版的in_array的实现方法

这是一个JS版的判断数组内的元素的方法. var arr = ['a','b','c']; console.log(in_array('b',arr)); // true function in_array(search,array){ for(var i in array){ if(array[i]==search){ return true; } } return false; }…

简单的运动学，用canvas写弹力球

声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 跟之前的随笔一样,因为本人仍是菜鸟一只,所以用到的技术比较简单,不适合大神观看...... 学canvas学了有一个多礼拜了,觉得canvas真心好玩.学canvas的人想法估计都跟我差不多,抱着写游戏的态度去学canvas的.所以运动学啊.碰撞检测啊.一些简单的算法神马的是基础啊.以前没做过游戏的我学起来还真心吃力.今天就来说下用canvas写个最简单的弹力球游戏,就运用了最简单的重力作用以及碰撞检测. 先上DEMO:弹力球DEMO…

IIS日志清理（VBS版,JS版）

IIS默认日志记录在C:\WINDOWS\system32\LogFiles,时间一长,特别是子站点多的服务器,一个稍微有流量的网站,其日志每天可以达到上百兆,这些文件日积月累会严重的占用服务器磁盘空间.有必要对他们进行定期删除. 测试了一下网络上收集来的日志清理脚本,记录一下.自动清除日志目录下所有日志文件夹180天以前的日志文件,亲测有效. VBS版 'IIS日志清理VBS版代码(DelIISLog.vbs) '调用方法:DelIISLog "IIS日志所在路径",保留多少天的II…

纯css和js版下拉菜单

<!doctype html> <html> <head> <meta charset="utf-8"> <title>css版下拉菜单</title> <style type="text/css"> div,body,ul,li{padding:;margin:; list-style:none;} .all{width:550px; height:30px; background…

pygame系列_弹力球

这是pygame写的弹力球运行效果: ======================================================== 代码部分: ======================================================== #A bouncing ball import sys, pygame __author__ = {'name' : 'Hongten', 'mail' : 'hongtenzone@foxmail.com', 'blo…

JS版的Server.UrlEncode

js replace 与replaceall实例用法详解

这篇文章介绍了js replace 与replaceall实例用法详解,有需要的朋友可以参考一下stringObj.replace(rgExp, replaceText) 参数 stringObj 必选项.要执行该替换的 String 对象或字符串文字.该字符串不会被 replace 方法修改. rgExp 必选项.为包含正则表达式模式或可用标志的正则表达式对象.也可以是 String 对象或文字.如果 rgExp 不是正则表达式对象,它将被转换为字符串,并进行精确的查找;不要尝试将字符串转化为…

JS版汉字与拼音互转终极方案，附简单的JS拼音输入法

原文:http://www.cnblogs.com/liuxianan/p/pinyinjs.html 前言网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的不支持多音字,有的不支持声调,有的字典文件太大,还比如有时候我仅仅是需要获取汉字拼音首字母却要引入200kb的字典文件,无法根据实际需要满足需求. 综上,我精心整理并修改了网上几种常见的字典文件并简单封装了一下可以直接拿来用的工具库. 这篇文章差不多一个月前就写好了大部分了,但是就差拼音输入法这一块一直没时…

JS版汉字与拼音互转终极方案，附简单的JS拼音

前言网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的不支持多音字,有的不支持声调,有的字典文件太大,还比如有时候我仅仅是需要获取汉字拼音首字母却要引入200kb的字典文件,无法根据实际需要满足需求. 综上,我精心整理并修改了网上几种常见的字典文件并简单封装了一下可以直接拿来用的工具库. 代码和DEMO演示 github项目地址:https://github.com/liuxianan/pinyinjs 完整demo演示:http://demo.liuxiana…

【js版弹力球实例】的更多相关文章