Niumowang - niumowang.org - 牛魔王的世界观
General Information:
Latest News:
Jsize,响应式开发调试工具 21 Aug 2013 | 07:59 am
Responsive Web Design 响应式测试工具,可以自定义尺寸。 使用方式: Jsize({ range : [320,480,600,768,960,1280] }); range中为宽度数组 地址:http://liutian1937.github.io/Jsize/ 代码比较粗糙,勉强使用。原理iframe,修改iframe尺寸 后期可扩展,拖拽修改尺寸
3D 立方体 8 Aug 2013 | 10:52 am
看了老外的一个3d画廊效果,不免手痒写了一个。 只做了webkit浏览器的兼容,请用chrome safari浏览器查看 支持方向键的旋转控制。
Jwalk – JavaScript Animation Library (V1.0) 21 Jul 2013 | 04:35 pm
事情太多,断断续续折腾了好几个晚上,终于写完了这个动画库。Jwalk 简单介绍下: Jwalk是用来做什么的? 前端开发过程中经常会用到一些动画效果,比如某个div的放大,缩小,左右移动,实现这些效果都是通过Js设置元素的style样式,我们可能会借助Jquery或者其他脚本库提供的动画接口来更容易的实现相关效果。但是如果我们可能只会用到Jquery的动画效果,以及一些简单的选择器,那么(在...
仿Reeder页面效果(待完善,欢迎反馈) 19 Jun 2013 | 12:28 pm
访Reeder界面效果 一直很欣赏触控手势的代码实现,所以最近折腾了个Javascript触控手势库--JTouch,效果还有诸多不完善之处,苦于硬件设备不完善,针对ie10的兼容性一直没有跟上。在版本更新到1.1的时候,又颠覆了自己的好多想法,代码的改动量上比较大。小的改动随时都会出现,所以也就一直在1.1上改来改去。 Github地址:https://github.com/liutian1...
Js事件监听封装(支持匿名函数) 3 Jun 2013 | 04:36 pm
关于js中的事件监听大家用的比较多了,无非是判断浏览器是否支持addEventListener和attachEvent,网上搜索关于事件监听的方法也挺多,但是总有些不是很完善。下面的方法中对于添加事件监听的方法是一样的,只不过在取消事件绑定上面做了点手术,现在可以支持匿名函数的使用,所以在绑定事件的时候不再需要给函数单独命名了。 先看demo:http://liutian1937.github....
Javascript触屏手势库-JTouch(更新V1.1) 21 May 2013 | 12:44 pm
Javascript触屏手势库-jTouch 触屏手势库--JTouch 封装的代码有不足支出,以及bug等欢迎大家多多指正。 Github地址:https://github.com/liutian1937/JTouch (大家可以fork项目跟踪最新进展) JTouch的介绍 JTouch是针对触屏浏览器提供的一个手势集合,由于我的测试环境主要是ipad,所以对于其他触屏设备的支持情况...
Follow,原生javascript跟随滚动条插件 7 Apr 2013 | 02:55 pm
项目需求,封装js跟随滚动条插件, github地址:https://github.com/liutian1937/Follow Demo:http://liutian1937.github.io/Follow/ Follow ====== Demo : http://liutian1937.github.io/Follow/ Javascript Follow Plugin Js ...
HoverDir响应鼠标移动方向的悬停效果插件 19 Oct 2012 | 09:12 am
Jquery.hoverDir响应鼠标移动方向的悬停效果插件 之前的一篇文章JS判断从哪个方向判断进入一个容器中提到了一个效果,通过计算鼠标位置以及一些数学方法,来判断鼠标是从哪个方向进入以及离开该容器的。今天我这里搜索到一个不错的实战效果,分享给大家。是基于jquery的一个插件。该效果出品人是老外,原文地址 该效果用到的几点技术,一个是css3的动画效果,这里不是采用的js的动画效果,所以...
JS判断鼠标从什么方向进入一个容器 18 Oct 2012 | 01:43 pm
js判断从哪个方向进入容器 偶然将想到的一个如何判断鼠标从哪个方向进入一个容器的问题。首先想到的是给容器的四个边添加几个块,然后看鼠标进入的时候哪个块先监听到鼠标事件。不过这样麻烦太多了。google了一下找到了一个不错的解决方法,是基于jquery的,原文地址 说实话,其中的var direction = Math.round((((Math.atan2(y, x) * (180 / Mat...
滚动条控制导航切换效果插件-AnchorTab(基于原生JS) 6 Sep 2012 | 12:08 pm
AnchorTab滚动条控制导航切换效果插件 相信有不少朋友跟我一样,见到一些设计出色的网站,以及有亮点的动画效果都会心潮澎湃。同样相信有很多的朋友热衷于单页网站的一些设计特色或者效果。如果你是在这个范畴中的人,那么你一定见到过这样的效果。某个单页网站中滚动条滚动的时候,页面导航的链接也会跟着改变样式。在看过很多出色的单页效果网站后,我是真心希望自己能变成一个设计天才,然后设计出那样的网页来。可...