siriWave.js的demo

demo.html <style>body { background: #000; }</style> <script src="../siriwave.js"></script> <div id="container" style="width: 900px; height: 300px; background: #000"></div> <script> va…

对于新手来说,几个简单的例子非常实用,偶然发现几个不错的Demo,分享给大家! Three.js基本 Demo 1.最基本的Hello World:http://stemkoski.github.io/Three.js/HelloWorld.html 2.在网页上调用摄像头:http://stemkoski.github.io/Three.js/Webcam-Texture.html 3.体感操作:http://stemkoski.github.io/Three.js/Webcam-Motion…

微信JS SDK Demo 官方案例[转]

摘要: 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统的能力,同时可以直接使用微信分享.扫一扫.卡券.支付等微信特有的能力,为微信用户提供更优质的网页体验. 此文档面向网页开发者介绍微信JS-SDK如何使用及相关注意事项. 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.…

微信JS SDK Demo

微信JS-SDK 分享到朋友圈分享给朋友分享到QQ 拍照或从手机相册中选图识别音频并返回识别结果使用微信内置地图查看位置原文:http://www.cnblogs.com/txw1958/p/weixin-js-sdk-demo.html 一.JS部分 wx.ready(function () { // 1 判断当前版本是否支持指定 JS 接口,支持批量判断 document.querySelector('#checkJsApi').onclick = function () { wx.…

微信JS SDK Demo 官方案例

微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统的能力,同时可以直接使用微信分享.扫一扫.卡券.支付等微信特有的能力,为微信用户提供更优质的网页体验. 此文档面向网页开发者介绍微信JS-SDK如何使用及相关注意事项. <!DOCTYPE html> <html> <head> <meta charset="utf-8">…

高德地图根据经纬度转换成地址JS代码demo

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>逆地理编码</title> <link rel="stylesheet" type="text/css" href="http://…

[整理]Node入门 » 一本全面的Node.js教程 - Demo实践所遇到的问题

花了一个上午看完[转载]Node入门 » 一本全面的Node.js教程根据里面的Demo自己手动实现过程中还是遇到了些问题,特整理在此. <1>.由于node.msi安装包已经自动添加了系统环境变量,所以可以在任意地方路径下运行node xxx.js.<2>.确定2个环境变量是否已添加(1)一个是PATH上增加node.exe的目录C:\Program Files\nodejs,(已自动添加)(2)一个是增加环境变量NODE_PATH,值为C:\Program Files\nod…

js闭包Demo

我们先看一个关于Javascript利用循环绑定事件的例子: 例如:一个不确定长度的列表,在鼠标经过某一条的时候改变背景. ﹤!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&…

anguar.js tutorial demo

http://docs.angularjs.cn/tutorial angular 入门demo : PhoneCat Tutorial App 别人的DEMO(官方版):http://angular.github.io/angular-phonecat/step-12/app/#/phones 我的DEMO(买家秀...)http://paul-xiao.github.io/angularDemo/app/#/animate 按着tutorial做,做着做着就变形了... angular用着挺…

Vue2.0 vue-source.js jsonp demo vue跨域请求

以调用百度的输入提示接口为例 ================================================================================================================================= +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++…

城市连动纯js代码DEMO

前台代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <script src="js/City.j…

每天一个JS 小demo之商品下架特效制作，主要知识点：定时器，倒计时，抖动特效。PS：由于不方便上传文件夹，只能上传效果图，图片等素材需自寻哟。

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .clear:after { content: ''; display: block; clear: both; } ul { list-style: none; margin: 100px auto 0;…

每天一个JS 小demo之韩雪冬轮播图。主要知识点：html，css布局，对于数组和对象的理解和运用

@charset "utf-8"; /* CSS Document */ ;; } li { list-style: none; } img { border: none; } body { background: #ececec; padding-top: 50px; } #automatic { width: 970px; height: 344px; position: relative; margin: 0 auto; overflow: hidden; } ;; cursor…

每天一个JS 小demo之通过事件委托实现菜单展开及选中特效。主要知识点：事件

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">body { margin: 0; background: #f1f1f1;}p { margin: 0;} #dorpDown { position: r…

HighLight.js 使用Demo

复制下面代码,保存为html,浏览器打开预览即可. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <link href="http://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css" rel="styleshe…

js分页demo

纯js实现分页原理:所有数据已加载好,js通过遍历部分显示,实现分页效果 html代码 <html> <head> <meta charset='utf-8'> <script type="text/javascript" src="page.js"></script> <style type="text/css"> #idData {color: red;border…

轮播插件unslider.min.js使用demo

有两种应用方式: 1.轮播图片作为<img>标签使用 HTML代码: <html> <head> <meta charset="utf-8"> <script src="jquery-1.11.1.min.js"></script> <script src="unslider.min.js"></script> </head> <bo…

js倒计时demo 天/时/分/秒

<html><head> <meta charset="UTF-8"> <title>js简单时分秒倒计时</title></head><body onload="countTime()"><div> <span id="_d">00</span> <span id="_h">00</spa…

Vue.js小demo

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="./vue.js"></script> </head> <body> <div id="root"> <!-…

jquery.pagination.js分页demo

公用jquery.pagination.js /** * This jQuery plugin displays pagination links inside the selected elements. * * @author Gabriel Birke (birke *at* d-scribe *dot* de) * @version 1.2 * @param {int} maxentries Number of entries to paginate * @param {Object}…

[Node.js] Creating Demo APIs with json-server

json-server makes it extremely easy to setup robust JSON apis to use for demos and proof of concepts. John walks you through the process of using pre-built json files for a server and how to generate larger datasets using lodash and faker. Install: n…

每天一个JS 小demo之日历制作。主要知识点：日期函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> td { text-align: center; } </style></head> <body> <p> <select id="yearS…

每天一个JS 小demo之“随机”抽奖。主要知识点：Math函数，数组方法，递归

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">.list { margin: 50px auto; padding: 0; list-style-type: none; width: 300px; po…

每天一个JS 小demo之留言板。主要知识点：DOM方法的理解和运用

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">.wrap { width: 400px; margin: 30px auto;}textarea { display: block; width: 100…

每天一个JS 小demo之个人信息添加。主要知识点：DOM操作中的表格操作，节点操作

以下是简易效果: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> table { width: 555px; text-align: center; } table a { text-decora…

每天一个JS 小demo之新建文件夹。主要知识点：DOM方法的综合运用

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">body { margin: 0;} header { border-bottom: 2px solid #000; height: 40px; line-…

每天一个JS 小demo之商品筛选。主要知识点：DOM方法综合运用

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">nav { height: 50px;}nav span { margin: 0 5px;}.show { color: red;}</style&g…

每天一个JS 小demo之树菜单。主要知识点：DOM方法综合运用，递归运用

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css"> li { list-style: none; } li ul { display:none; } p { position: relative; curs…

JS文档和Demo自动化生成工具 - SmartDoc发布

曾几何时,当你码神附体,一路披荆斩棘的完成代码后,带着“一码在手,天下我有”的傲然环顾之时,却发现单元测试.API文档.Demo实例陆续向你砸来,顿时有木有一种冰水挑战后的感觉.而这时你应该:哟哟,快使用SmartDoc: SmartDoc, 一个基于NodeJS的自动化文档生成工具,她拥有明眸的双眼(yuidoc引擎),华丽的外衣(bootstrap 3风格),灵巧的双手(demo生成,codemirror代码编辑,jasmine接口兼容);拥有她,相信你一定会仰天长啸:"小伙伴们再也不用担心…

最牛的打字效果JS插件 typing.js

最新在做公司的一个项目,需要实现一个敲打代码的动画效果,粗意味比较简单,果断自己直接开写,写着写着发现是一个坑.需要支持语法高亮,并不能直接简单的用setTimeout来动态附件innerHTML.苦思猛想数小时后,果断用动态生成DOM的方法实现了整个效果. typing.js的打印效果甚至能够支持表格.按钮.表单,只要你页面能够呈现出来的,都可以以一种动态输出的感觉打印出来! 强烈推荐观看完整DEMO 我在网上查了一下,应该目前是没有一个插件是和typing.js效果一致的! 浏览器兼容性方面…

【siriWave.js的demo】的更多相关文章