随笔分类 -  JS_效果案例

JS产生徐特尔图表
摘要:徐特尔图表是一个小游戏,在5*5的格子上,无序的写着1~25这25个数子,然后再找出来。其实在JS中也就是将25个数进行随机产生然后放到一个表格中。主要分为两部分,一是随机数的产生,还有一部分就是表格的创建。创建表格 1 //拿到页面上用于放表格的容器DIV 2 var div = ... 阅读全文
posted @ 2014-07-27 11:05 恋那片海 阅读(1640) 评论(0) 推荐(0)
JS中图片飞飞效果
摘要:当鼠标在界面上移动的时候,后面有一连串的图片跟随者一起飘动,效果如下:实现的基本思想:准备五个img标签,为了方便控制都放在一个div里面,设置div的定位方式为 fixed,设置成这中定位方式主要是为了解决在页面出现滚动条的情况下,图片还能够跟随鼠标移动。然后再鼠标移动的时候,延时给每一个图片设置... 阅读全文
posted @ 2014-07-25 22:05 恋那片海 阅读(1278) 评论(0) 推荐(0)
JS中同步显示并分割输入的数字字符串
摘要:题目比较晦涩,来张图来说明要表达的效果: 第一张图的效果就是,用户输入一个数字,上面就显示一个大层,然后显示输入的数字,并把数字用空格按照每四位分割出来。好像在建行的网上银行上面就有这种效果。第二个图的效果就是用户在一个文本框中输入一串数字,然后再光标离开的时候,把数字按照每三位用逗号给分割开来,类... 阅读全文
posted @ 2014-07-24 23:34 恋那片海 阅读(4981) 评论(2) 推荐(0)