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