随笔分类 -  Javascript

摘要:Javascript格式化并高亮xml字符串 两个关键点 1. 使用DOMParser解析xml 2. 递归遍历xml树,按格式输出每一个节点 关于使用DOMParser 此方法目前在IE9以上和其它浏览器里都是支持的,所以这里不在写关于IE9以下不支持的情况, 具体的使用请跳转 "https:// 阅读全文
posted @ 2018-08-13 00:37 onlyfu 阅读(1593) 评论(0) 推荐(0) 编辑
摘要:在搭建博主博客的时候,寻思着做一些效果,看到菜单,就想是不是可以做一下颜色的渐变,增加一点动态的感觉。有个jquery的插件,效果相当不错,不过博主还是打算自立更生写一下,看看能不能实现。下面就是博主的一些思路和解决办法,如果对此没兴趣,想直接使用jquery插件的同学,可以点这里测试输入颜色,点击开始背景开始颜色: 文字开始颜色: 背景目标颜色: 文字目标颜色: 步长: 速度: 思路每一种颜色由RGB组成,每两位为一个16进制数当前颜色代码和目标颜色代码,转换成10进制数后,是有差值的,利用差值,设定总执行次数的步长,计算每一步变更颜色的10进制数利用定时器执行简单的讲,就是将6位颜... 阅读全文
posted @ 2013-09-30 21:05 onlyfu 阅读(11174) 评论(0) 推荐(0) 编辑
摘要:不得不说,做游戏是会上瘾的,这次带来的是win系统上的经典游戏《蜘蛛纸牌》,不能完美,但求一玩 DEMO: http://colorgamer.com/demo/webgame/spider/ 关于蜘蛛纸牌 规则请打开win系统的蜘蛛纸牌,然后点击帮助 这里要实现的 同样是两副牌,一共104张 同一 阅读全文
posted @ 2013-08-22 09:59 onlyfu 阅读(3039) 评论(2) 推荐(0) 编辑
摘要:写在前面的话 这不是教程,只是博主在娱乐过程中的一些小结记录。博主水平有限,没有什么高级的东西,只是将一些小的知识点结合一下,做这么一个养成类型的卡片页面游戏(=。=!有点绕)。做一个完整的游戏,涉及内容很多,所以一步一步来,这一篇,主要是讲《卡片魔兽》的基础战斗的实现。完整的战斗估计要用三篇博文来 阅读全文
posted @ 2013-08-15 14:28 onlyfu 阅读(812) 评论(0) 推荐(0) 编辑
摘要:2016-09-22更新: 使用canvas实现:https://github.com/onlyfu/SnakeSir-Javascript 以下为HTML4实现: 今天来个略有意思的,《贪食蛇》。这个估计没有人没玩过吧。它稍有点难度,不过仍然算是简单的游戏,实现代码也不多,下面就开始 试玩 这里效 阅读全文
posted @ 2013-08-15 12:25 onlyfu 阅读(3882) 评论(9) 推荐(0) 编辑
摘要:基于JQuery的拖动插件有几个都相当好用,效果也很好,但再好,还是自己琢磨一个最好。所以,我的理念就是即使实际项目中使用别人的程序,自己也得根据理解和想法写一个出来。仅当学习使用 阅读全文
posted @ 2013-04-11 09:57 onlyfu 阅读(7163) 评论(1) 推荐(1) 编辑
摘要:瀑布流布局,简单说,就是按列向下展开,每一列只有固定宽度,没有固定高度。用平时的布局方法肯定不能满足需求,如果仅仅是布局倒也好说,但又要读取数据的时候,就稍麻烦一点。简单说一下原理:利用绝对定位,将每一块数据输出到指定列上。也就是说,需要计算每一块数据的LEFT和TOP值。计算各列高度,将最新的数据块输出到高度最小列上。OK,就是这么个意思。可以看看DOM方法:因为是简单的应用,所以不考虑自适应屏幕宽度的问题,这里使用4列的模式。因为要用到每一列的高度,所以先定义一个数组,用来存放每一列的高度值var lie=new Array(0,46,46,46);这里给了初始值,因为设计要求,第二、三、 阅读全文
posted @ 2012-04-18 22:36 onlyfu 阅读(2489) 评论(0) 推荐(0) 编辑
摘要:discuz将应用的表情生成了一个js文件,在forumdata/cache/下,叫smilies_var.js,这个文件是根据后台数据库 生成的一个表情数组,里面有两个数组,一个是表情名称和所在目录的数组smilies_type,一个是表情图片名和代码的数组 smilies_array,这些都是更新缓存的时候自己读数据库生成的,所以后台的改动一样会改动到它。 论坛快速回复的表情是一个弹出层,虽然... 阅读全文
posted @ 2010-04-28 01:42 onlyfu 阅读(1482) 评论(0) 推荐(0) 编辑
摘要:Code Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> DIV卷帘效果示例-F-BLOG 示例一:纵向,目标div:box,默认高度:25px,速度:30毫秒,调用:reBox("b... 阅读全文
posted @ 2009-02-20 23:38 onlyfu 阅读(679) 评论(0) 推荐(0) 编辑
摘要:Code Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 无缝滚动图片示例-F-BLOG ... 阅读全文
posted @ 2009-02-20 23:29 onlyfu 阅读(172) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示