itRef.cn技术参考网站

当前位置: 主页 > JS >

仿265导航页logo的眼珠滚动效果

时间:2010-06-22 13:39来源:未知 作者:adm_ref 点击:
gongle的小工具

 gongle的小工具——眼睛,以及265导航页logo中的眼睛,都是通过javascript来实现的。当鼠标在页面中滑动时,眼珠会跟随鼠标的光标在眼眶范围内滚动,感觉就像眼珠一直盯着鼠标的操作。

其中很关键的部分是算法,这个需要我们具备一些数学上的几何知识。

  •  直角三角形三边符合:直角边1的平方+直角边2的平方=斜边的平方,如果对直角边、斜边不明白,也可以这样理解,短边1的平方+短边2的平方=长边的平方
  •  相似的两个三角形临近两边之比相等

几何分析草图:


 

实例:


 提示:您可以先修改部分代码再运行 

(责任编辑:wiwi) 转载请注明 来源于itRef.cn技术参考网站:
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容