Welcome 微信登录

首页 / 脚本样式 / JavaScript

JavaScript地图拖动功能SpryMap的简单实现

JavaScript地图拖动功能SpryMap的简单实现

使用它你可以轻松实现类似Google、百度地图的拖动效果,对于要展示大图时使用SpryMap是再好不过的了。SpryMap的定制性也很高,通过参数可以设置图片的起始位置、CSS样式等等。除此之外,你也可以设置是否使用平滑的拖动效果。 如何使用 首先在head中加载SpryMap的脚本文件复制代码 代码如下:<script type="text/javascript" src="spryMap-min2.js"></script> ...
js函数setTimeout延迟执行的简单介绍

js函数setTimeout延迟执行的简单介绍

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 语法: setTimeout(code,millisec) 参数: code (必需):要调用的函数后要执行的 JavaScript 代码串。 millisec(必需):在执行代码前需等待的毫秒数。 提示: setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。实例...
javascript和HTML5利用canvas构建猜牌游戏实现算法

javascript和HTML5利用canvas构建猜牌游戏实现算法

让我猜猜你心中的牌,先随机生成27张牌,不能重复列出三列牌,然后记住其中一张,然后点击牌所在的列,多次就可以猜出你想的牌。 如果是9张只要猜2次,如果是27张就是猜3次。 实现方法(27张): 如果点击了第三列,那就是说牌一定在这9张里面,就把第三列的9张牌平均给每列分3张,假设编号为123,456,789 再点击一次,如果点击第二列,那么猜的牌就在456里面,再分到三列,4,5,6 再点击一次,就可以知道牌是哪个了。 实现算法: 我是使用一维数组实现,第...
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法

Javascript和HTML5利用canvas构建Web五子棋游戏实现算法

这只是一个简单的JAVAscript和HTML5小程序,没有实现人机对战。 五子棋棋盘落子点对应的二维数组。数组的元素对应落子点。比如数组元素值为0表示该元素对应的落子点没有棋子,数组元素值为1表示该元素对应的落子点有白棋子,数组元素值为2表示该元素对应的落子点有黑棋子; 判断五子棋赢棋的算法是通过对五子棋棋盘落子点对应的二维数组的操作来实现的。 判断五子棋赢棋算法 下边的函数可以实现判断五子棋赢棋的算法,也可以按照教材中相应的算法实现。 其中函数的参数x...
JS随机生成不重复数据的实例方法

JS随机生成不重复数据的实例方法

昨天晚上在IBM上看了一篇关于在Java开发人员对于JavaScript看法的文章,感受很深,发现作为一个Java开发人员应该要懂得而且还要熟练JavaScript的能力.毕竟现在的JavaScript已经非常强大了,在Jquery,Ext等插件的注入后.已经慢慢再次受到Java开发人员的青睐了.下面因为项目需要,特地编写了一个生成随机数的方法,而且是不重复.代码如下:Javascript代码 复制代码 代码如下:// 定义存放生成随机数的数组 var a...
转义字符()对JavaScript中JSON.parse的影响概述

转义字符()对JavaScript中JSON.parse的影响概述

按照ECMA262第五版中的解释,JSON是一个提供了stringify和parse方法的内置对象,前者用于将js对象转化为符合json标准的字符串,后者将符合json标准的字符串转化为js对象。json标准参考<a href="http://json.org/" target="_blank">json.org</a>。(其实将符合json标准的字符串转化为js对象可以用eval,但是eval性能相对差且存在安全隐患(会执行jso...
JavaScript实现复制功能各浏览器支持情况实测

JavaScript实现复制功能各浏览器支持情况实测

这两天在做Web前端时,遇到需求通过js实现文本复制的功能。 先不考虑浏览器的兼容性,看看各浏览器对复制功能的支持情况: 1、IE浏览器,解决方法有三种,代码如下: 复制代码 代码如下: function copy(txtid){ var txtObj = document.getElementById(txtid); if(window.clipboardData){ // 仅IE支持此对象,firefox、chrome不支持 //1、通过clipboa...
利用div+jquery自定义滚动条样式的2种方法

利用div+jquery自定义滚动条样式的2种方法

最近做项目中有一个模块是用于实时监控的,左边有个菜单栏用于显示所有的设备,那当然是从数据库中动态获取的了,右边是个iframe用于显示监控画面。本来这个功能并不复杂,左边的菜单项是利用dtree.js来实现的,可时当功能实现完成之后,却发现一个问题,就是左边菜单栏中的设备名有的会很长,会超出了div的长度,准确说是左边iframe的宽度和长度不够。那么,这时就必须要利用滚动条了,可以设置左边菜单项div的overflow-x:auto;overlfow-y...
<< 2061 2062 2063 2064 2065 2066 2067 2068 2069 2070 >>