您的当前位置:首页javascriptdom代码应用简单的相册[firefoxonly]_图象特效

javascriptdom代码应用简单的相册[firefoxonly]_图象特效

2020-11-27 来源:哗拓教育
但我觉得这还不行,毕竟什么都是人家封装好的,得自己深入学习下原生的javascript才踏实。今天看到一篇不错的博文,介绍了一个基于js dom编程的相册实例,虽然这个例子很小,但个人认为还是很有学习价值的,先给出html和效果图,这样有助于后面js的理解。

代码如下:


Snapshots





  • Fireworks




  • Coffee




  • Rose




  • Big Ben






  • 结构还是挺简单的,这里a元素的href属性值为要显示大图的路径,img为对应的小图。效果就是点击下面的小图,上面显示对应的大图。
    下面给出js实现:
    代码如下:
    显示全文