纸上得来终觉浅，绝知此事要躬行

大家都知道实现js瀑布流的方式有多种，在各大购物网上或者图片网站上可以经常看到，下面小白用一种比较简单的方式实现这个效果。 首先要知道实现的基本原理，比如用ul li 标签布局的来说，重要的是找到并排 的中高度最小的那个，然后向其添加下一个图片元素。下面还是用码说话吧。 html： css: #box ul{ wi

闲余时间玩玩js的小东西,顺便分享给大家,有兴趣拿去溜溜! 知识点:string中的charAt(), Math.random()随机数,position 动画 clientWidth clientHeight(控制边界) 步骤:1.如何把每个文字用span包裹起来? 2.position改变span的top和left值 3.动画,利用随机数改变位 4.回归原点 效果图: h

屡见不鲜的一个jquery效果 效果图: [插入] 难度不大,代码如下: html: 导航一 导航二 导航三 导航四 导航五

之前在一个网站上看到过比较好玩的js特效,通过js判断鼠标的划入划出方向进行一些动画操作,可以大大提升网站的体验效果,话不多说,上图为先: html: #box1 #box2 #box1 #box

本案例主要用到canvas的一些基本的画布操作,难度不是很大,主要是要熟悉js中的模块模式的写法,学会面向对象的写法对代码的维护和可读性都有很大好处. 效果图: html代码: js代码: window.onload = function(){ //圆环对象 function Cycle(opts){ this.id = opts

啥都不说，上图为先！ 初次实现效果没有进行配色，但不影响我对它炙热的喜欢。熟悉这些特效对于网站的用户体验可以提高一个档次，实现过程没有用到很复杂的数学公式，坚持多练几遍就自然会了，下面是该效果的实现过程。 html代码： 1_妙味琴弦文字列表(1)11 1_妙味琴弦文字列表(2)222 1_妙味琴弦文字列表(3)3333 1_妙味琴弦文字列表(4)44444

之前网上收集过一个判断鼠标移动方向的demo，但是实现过程相对比较复杂，涉及到一些函数计算。 链接地址：http://blog.youkuaiyun.com/jian_xi/article/details/53427435 下面这个版本的代码毕竟容易看懂，先上效果图： html代码： fasd