JS技术

Javascrip实现相册缩略图导航的两种效果_Javascript教程(2)

字号+ 作者:H5之家 来源:H5之家 2015-09-26 13:07 我要评论( )

1. 第一个效果是模仿又拍网(yupoo.com)的相册导航实现的,第二个是偶然看到一个摄影网站的头图flash上缩略图的效果,前几天版上有人要过这个效果; 2. 第一种效果的XHTML结构和CSS样式的设置非常巧妙,对于实现效果

1. 第一个效果是模仿又拍网(yupoo.com)的相册导航实现的,第二个是偶然看到一个摄影网站的头图flash上缩略图的效果,前几天版上有人要过这个效果;
2. 第一种效果的XHTML结构和CSS样式的设置非常巧妙,对于实现效果有至关重要的作用;
3. 两段Javascript代码的编写主要运用到,计时器的密切跟踪与及时清除,多个全局计时器变量作为对象的属性与对象绑定方便处理,阻止onmouseout事件“冒泡”的特殊处理方式(行为类似冒泡,经查阅与冒泡并无关系)
4. 用现成的JS框架可以比较方便的实现这两个效果,但是不经过一步步地手写代码,对于JS的运行机制、代码效率很难有比较深刻的认识,这样即使代码用到了比较完备的框架,也可能是冗繁低效的。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JavaScript入门教程(二)_javascript教程教程

    JavaScript入门教程(二)_javascript教程教程

    2015-10-10 14:25

  • JavaScript入门教程(五)_javascript教程教程

    JavaScript入门教程(五)_javascript教程教程

    2015-10-10 14:21

  • JavaScript入门教程(四)_javascript教程教程

    JavaScript入门教程(四)_javascript教程教程

    2015-10-10 14:19

  • JavaScript入门教程(三)_javascript教程教程

    JavaScript入门教程(三)_javascript教程教程

    2015-10-10 14:17

网友点评