<!-- 需求:上下滑动,在一个大的div块里显示5个小的值,滑动过程中自动获取中间位置的值需要注意的是:1 touchmove会多次被触发;2 获取中间位置的值可以通过定位得top值来获取3 以1到99为例,上下滑动时一定注意若取中间值,首尾一定需要切值滑动到中间位置;当页面显示为 93 94 95 96 97时,在向上滑动时 ,假设在滑动divHeight*5的距离,这样最后页面显示将只存在98 99 ,取中间值时将为空;同样显示为 3,4,5,6,7时,在向下滑动...
if (window.DeviceMotionEvent) { window.addEventListener(‘devicemotion‘,deviceMotionHandler, false); } var SHAKE_THRESHOLD = 800; var last_update = 0; var x, y, z, last_x, last_y, last_z; function deviceMotionHandler(eventData) { var acceleration =eventData.accelerationIncludingGravity; //alert(newDate().getTime()); var curTime = new Date()....
前几天在看js的相关内容,所以就简单写了一个二级联动菜单。分享一下。 1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>JS实现二级联动菜单</title>6 </head>7 <body>8 <form name="form1" method="post" action="">9 省份:<select name="province" id="province" onchange="changeSelect(this.selectedIndex)"></select> 10 地区:<select name="city" id="city"></...
最近的项目要做的地图比较多,有的还比较复杂,而地图用到的坐标,上网找json文件更是良莠不齐的。真是让人伤脑筋,后来突然想到了百度地图开发平台,没想到真的有对应的API哦,谢天谢地!!!下面说一下完整的实现过程吧。详细步骤: 1. 首先找到百度地图开发平台 (链接: http://lbsyun.baidu.com/) 2.打开下图的Javascript API页面: 3. 接着上面的操作,找到 Javascript API页面左侧的示例DEMO,点击跳...
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><title>大三倒计时</title></head><body><div> 距离大三结束时间2015年7月1日仅有:<span id="otherTime"></span></div><script type="text/javascript">var objElem = document.getElementById("otherTime");var endTime =new Date(‘2015‘, ‘7‘, ‘1‘).getTime();var nowTime =null;var laveTimer =null;function laveTime()...
var vcity={ 11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古", 21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏", 33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南", 42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆", 51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃", 63:"青海",64:"宁...
首先你需要一个div<div id="box"></div>然后给这个div加入CSS属性#box{width:500px;height:500px;border:1px solid red}然后在JS代码:var box=document.getElementById("box");function fn(){ var a=parseInt(Math.random()*10); var b=parseInt(Math.random()*10); var c=parseInt(Math.random()*10); var d=parseInt(Math.random()*10); var e=parseInt(Math.random()*10); var f=parseInt(Math.random()*10)...
转载注明出处!!!转载注明出处!!!转载注明出处!!!因为要实现部门通讯录,后台传来的数据是直接从数据库里拿的部门表,所以没有层级分类,只有parentId表示从属关系,所以分类的事情就交给我来做了。不能说效率多高,只是说能实现了。其实ACMer或者学过点算法和数据结构的应该知道这其实就是一个树,用数组存罢了,用数组存树的方法相信各位ACMer已经用的不要不要的了,所有并没有什么难度,知道思路就很好写了。思路:获取...
1、通过 JSON 对象实现深拷贝//通过js的内置对象JSON来进行数组对象的深拷贝function deepClone2(obj) {var _obj = JSON.stringify(obj),objClone = JSON.parse(_obj);return objClone; }JSON对象实现深拷贝的一些问题* 无法实现对对象中方法的深拷贝2、通过jQuery的extend方法实现深拷贝var array = [1,2,3,4]; var newArray = $.extend(true,[],array);3、使用递归的方式实现深拷贝//使用递归的方式实现数组、对象的深拷贝f...
1个月前写过,重新写一遍//类的实现,一个参数创建类,两个参数继承类var Klass = function (parent, options) {varhasOwn = Object.prototype.hasOwnProperty,//中间函数避免执行父类构造函数Func = function () {},//mixin浅拷贝extend = function (receiving, giving) {var k;for (k in giving) {if (hasOwn.call(giving, k)) {receiving[k] = giving[k];}}},//返回的子类Child = function (opt) {extend(this, opt);};//参数ch...
项目应用-布局钟表支架和页面图片在前面实现两种时钟的效果,将前面用到的知识整合于一小项目中用到的素材: 由于这张截取的素材太大,我就不放在该位置了项目页面初始布局效果: 初始布局代码: 1 <!DOCTYPE html>2 <html>3 <head>4 <meta charset="UTF-8">5 <title></title>6 <style>7 *{8 margin:0px ;9 padding: 0px; 10 } 11 ...
需求是传过来一个图片,根据外层div的大小自动进行缩放效果。function ShowSecondImg(v) {var rate, newX, newY,newW, newH = 0; //表示图片相对窗口的缩放比例var imgW, imgH;var centerW = $(window).width() - $("#alarmQueue").width() - $("#presInfo").width() - 40;var centerH = $(window).height() - $("#detailedInfor").height()-148;$("#imgBoxs").find("#second").remove();var img = $(‘<img/>‘, { src: v.First...
JS实现2048小游戏源码效果图: 代码如下,复制即可使用:(适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。)<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0"><title>使用JS实现2048小游戏</title...
代码: <input type="text"> <button>复制</button> <script> var input = document.getElementsByTagName(‘input‘)[0] var button = document.getElementsByTagName(‘button‘)[0] button.onclick = function(){input.value = "hello world"input.select()document.execCommand("copy") } </script>效果:execCommand常用方法: cut delete copy原文:http://blog.51cto.com/12173069/2106070
开年过来东莞,在回家路上在长沙Net社区群里看到有朋友提了一个发红包的问题,很多地方都有类型需求。整理了一下。开盒即用总金额为100 最大金额10 最小金额2 要求随机生成15个数 这15个数的总和为100 看到钱 来了兴趣了解了一下,大概需求是:100元 ,15个人分,金额大小在2~10之间。整理思路:1:随机数 范围有限制。2: 随机15次 给10个分钱,这个时候可能分的钱大于100 或者小于100。3:在减钱 或者加钱处理。code如下:...