随笔分类 - jQuery开发
摘要：昨天晚上，和搞C的朋友在一起，闲来无事，商量着一人搞一个俄罗斯玩玩吧，几天之后拿出来比比谁的更有特色，结果我打算使用HTML5写一个俄罗斯方块。自己写了一些俄罗斯方块的函数，现记下，分享给有需要的人（方法都是最原始的方法，有问题望多多指教）。后来改写后成型的HTML5俄罗斯方块体验地址：http://www.9k6.net/games以下的图形都是已经设置了方向，可以随意旋转，配置自定义颜色和坐标1、三叉图形：View Code /* * * @以长矩形的底边中心为pointX，pointY * @point ...
阅读全文
摘要：Canvas是一个功能相当强大的画布，任由你去书写，当然，他也支持了图像处理的功能。drawImage（image，Dx，Dy）；//用于显示，有时会超出drawImage（image，Dx，Dy，Dw，Dh）；//用于缩放drawImage（image，Sx，Sy，Sw，Sh，Dx，Dy，Dw，Sh）；//用于剪裁、缩放、显示注：image是一个图像对象； Dx是画布中的x坐标，Dy是画布中的y坐标，Dw是图像在画布中的宽度，Dy是图像在画布中的高度，Sx，Sy，Sw，Sh分别是原图像中的x、y、width、height（本人较懒，略写一下）。下面是一个给出的剪裁的方法源代码：<!DO
阅读全文
摘要：elfinder是一款开源的web文件管理器，他能指定某个特定文件对其进行管理，注意这里是指定文件夹的管理！这几天用它做了个项目，但是默认的语言为英文，感觉很是不爽啊，换之~~捉摸了他的代码，代码主要为js控制着语言，所以从JS文件入手。首先查看源代码，包含了jQuery和jQueryUI两个库，果断pass；然后考虑两个文件，一个是elfinder.min.js，另一个是i18n/elfinder.LANG.js然后又是自作聪明的果断了一把，把LANG.js换成了目录中的js/i18n/elfinder.zh_CN.js，于是，还得继续改~~只能硬着头皮看elfinder.min.js文件了
阅读全文
摘要：很多时候遇到需要对表格动态操作，而且一般都会有表格的序号，但是有时候我们对表格的序号直接输出是比较麻烦的，所以尝试一下使用jquery动态输出吧~~<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta
阅读全文
摘要：Bind可以为元素绑定事件，也可以绑定多个事件：绑定单事件：$('#foo').bind('click', function() { alert('User clicked on "foo."'); }); 绑定多事件：$('#foo').bind({ click: function() { // do something on click }, mouseenter: function() { // do something on mouseenter } });
阅读全文
摘要：$("li").hover(function(){alert($("li").index(this));});
阅读全文
摘要：这大半天的就搞了一个跨域问题，那叫一个生不如死啊——前记 JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。JSON系统开发方法是一种典型的面向数据结构的分析和设计方法，以活动为中心，一连串的活动的顺序组合成一个完整的工作进程。 之所以会有跨域这个问题的产生根本原因是浏览器的同源策略限制，理解同源策略的限制同源策略是指阻止代码获得或者更改从另一个域名下获得的文件或者信息。也就是说我们的请求地址必须和当前网站的地指相同。同源策略通过隔离来实现对资源的保护。...
阅读全文
摘要：今天重温了一下Javascript，看到了数组的方法，其中有两个比较相似的方法——splice和splice，看着很像，就是多了一个p，但是用法却相当不一样。 1、slice slice是指定在一个数组中的元素创建一个新的数组，即原数组不会变var color = new Array('red','blue','yellow','black');var color2 = color.slice(1,2);alert(color); //输出 red,blue,yellow,blackalert(color2); //输出 blue
阅读全文
摘要：选项卡，不多说了，做不做网络的都知道，我学的比较晚，现在发一个选项卡制作的代码
效果下图所示：
源代码：
阅读全文
摘要：以前看着京东，淘宝的导航做的真好，真想哪一天自己也能做出来这么漂亮功能全的导航菜单。今天弄了一下午终于自制成功，主要使用jQuery和CSS，实现功能基本和京东一样。
功能介绍：
1、鼠标停留导航；
2、根据子列表的高度，自动调整对齐方式（顶端对齐/父类目对齐）；
3、父子类目样式一致。
这个问题困扰了我半天，也在一个群里求救，一个好心的兄弟给我一段JS代码，结果我还是没用上，最后看了一个选项卡的实例，终于把这个问题搞定了。解决办法是：
人为加宽父菜单的宽度，然后把右边框设置成0，最后记得把父标签的放在最顶端显示
父菜单： border-right:0; z-index:100; position:relative; 宽度覆盖子菜单
子菜单： 和父菜单背景色一样
阅读全文
摘要：在查询与列表显示的时候经常用到联动列表显示，比如一级选项是国家，二级选项是省，三级是市，这样的联动是联系的实时导出的，比如你不可能选择了四川省却在三级联动栏中出现济南市，这样的联动实现方法如下：
效果图示：
阅读全文
摘要：看着书上的代码，自己敲了好一阵，发现自己优化后的代码比书上的更简洁，功能也更多，贴出来，留后用~~
功能：
表格行点击变背景色、选择删除、全选删除、图片原图显示
阅读全文
摘要：刚学完jQuery选择器，闲来无事，照着书上的范例敲了一段代码（HTML和CSS抄自书上），自己试着写了写jQuery的代码，感觉相当轻便啊`~~~
显示效果：
功能说明：
1、点击上边的图书分类一栏，实现向下的伸缩扩展，可以控制分类的显示状态；
2、“简化”功能点击后实现分类显示菜单数量的简化，简化后，简化字样变成“展开”；
3、页面中的两个红色箭头图标均为显示状态的图标，每次点击后都会变换相应的状态效果。
阅读全文
摘要：jQuery的选择器根据页面中元素的不同，可以分为基本选择器、层次选择器、表单选择器、过滤选择器，而过滤选择器又有简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器和表单对象属性选择器6种。
一、基本选择器：
阅读全文
摘要：1、HTML中的JavaScript代码：
3、JavaScript注释方法：
阅读全文
摘要：JavaScript从诞生起就没有被定式化，在成长中不断兼容并取，所以它支持多种不同的编程风格。你可以采用函数式编程风格，也可以采用面向对象的编程风格。或者你完全抛弃函数式编程或面向对象编程，同样能够写出复杂的程序。
最简单的JavaScript程序可能就是一个函数，一个简单的函数可能就是一个表达式，但是这个表达式却能够高效完成复杂的任务。如果说，把JavaScript视为一个可爱的机器猫，随意的玩几个特效，这也无伤大雅，但是，即使是这个机器猫，也足以杀死一头怪兽。这正是JavaScript语言的可爱之处，也是它的儒雅风格。
JavaScript不欺生，也不耍大牌。对于编程的门外汉，简单的学习即可快速上手，即使你不是编程高手，随意耍弄JavaScript，也能够乘风破浪、虎虎生风。为了帮助你更直观地体验JavaScript语言的灵活性，下面我们结合一个简单的示例进行说明，这个示例讲述了如何使用不同的方法设计一个简单的IO接口对象。
阅读全文
