红叶舞秋山

摘要： <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.mousewheel.js"></script> $('body').mousewheel(function(event, delta) { var left=$(window). scrollLeft(); $(window). sc 阅读全文

摘要： 由于经常拍照，对于高清大照片，总觉得电脑屏幕太小看着不太爽，想放大看细节也不太方便，既然HTML5支持全屏了，那为何不用呢？ 于是写了这么一个小东东，只为满足自己看高清大图的需求。 特点： 在支持HTML5 fullscreen API的浏览器上自动全屏显示，支持双击缩放图片，可方便的查看原片的画质，支持键盘翻页。 阅读全文

摘要： CSS3中和动画有关的属性有三个 transform、transition 和 animation。下面来一一说明: 阅读全文

摘要： 实现一个旋转的大风车：首先来一个容器里面四个风扇、 一个中心点 结构很简单，使用绝对分别定好位。然后再使用border-radius把风扇矩形变成半圆，形状就有了，再分别给其上色，红黄蓝绿四种渐变颜色。最后给容器加个animation使整个容器开始旋转即可。 阅读全文

摘要： 这效果看起来挺炫，但原理并不复杂，能实现一片花瓣动起来，就能实现9片花瓣。效果的叠加而已。 阅读全文

摘要： 在使用javascript编程时会遇到一个问题,就是当你给html添加事件时,由于浏览器默认的为冒泡型事件触发机制,所以会触发你不想触发的事件.那么通过如下的函数可以解决这个问题。1.阻止事件冒泡function stopBubble(e) {//如果提供了事件对象，则这是一个非IE浏览器if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagation();else //否则，我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true;... 阅读全文

摘要： 在用户登录的时候经常会有下拉框提示来让用户快速便捷完成输入工作。于是就自己动手实现了一下。主要利用键盘的keyup事件，当用户输入文字的时候，根据输入文字的值来匹配库中的文本并呈现出来。 阅读全文

摘要： 当用户通过鼠标滚轮与页面交互、在垂直方向上滚动页面时（无论向下还是向上），就会触发mousewheel事件。这个事件可以在任何元素上面触发，最终会冒泡到document(IE)或window(Opera、Chrome、及Safari)对象。在IE中触发的是mousewheel事件。在火狐中触发的DOMMouseScroll 事件。在使用的时候分别为元素绑定两个事件就可以了。标准浏览器用 e.preventDefault(); 再来个取消冒泡e.stopPropagation(); 即可。直接e.preventDefault()的话，IE中会报错不支持此方法，所以要加个判断。if(e.preve 阅读全文

摘要： <script type="text/javascript">var arr=[21,2,34,22,5,7,23,63,212,324,56,6,8,32,12,34,2,334344,22,5,7,23,63,212,324,56,6,123,345,1233,56,127,84,123,13,344,324,12,5,1,6,1,7,2,123,6512,323,97,434];//数组按从大到小排序arr.sort(function(a,b){return b-a;}); //求数组中最大值，最小值// 方法一Array.prototype.max=fu 阅读全文

摘要： 拖拽是网页中经常用到的控件，因此封装了一个推拽类。查看演示<script type="text/javascript">/* new Dragdrop({ * target 拖拽元素 HTMLElemnt 必选 * bridge 指定鼠标按下哪个元素时开始拖拽，实现模态对话框时用到 * dragX true/false false水平方向不可拖拽 (true)默认 * dragY true/false false垂直方向不可拖拽 (true)默认 * area [minX,maxX,minY,maxY] 指定拖拽范围 默认任意拖动 * callback... 阅读全文