30个JavaScript滑动和滚动效果

2016-02-20 00:56 8 1 收藏

下面图老师小编要跟大家分享30个JavaScript滑动和滚动效果,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - Web开发 】

之前我们用Flash做按钮和画廊等,现在jQuery、Mootools、Scriptallicious、YUI和Prototype等JavaScript框架可以用轻量的代码来获得和Flash一样的效果,从而可以替换掉Flash,这也同样给网站开发人员和设计师很大的创意空间。

但是如何在不让用户分散注意力并增加网站的价值的情况下高效的使用这些框架?

看一下下面的这30个网站例子,它们使用了基于JavaScript的滑动和滚动效果,希望你能喜欢。:)

1.

2.

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)3.

4.

5.

6.

7.

8.

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)9.

10.

来源:http://www.tulaoshi.com/n/20160220/1632885.html

延伸阅读
标签: Web开发
extractNodes函数解决各浏览器的节点计算问题。FireFox把换行符也算成一个节点,很不合理啊。 先用appendChild复制前面的四个节点到底部,使得头尾是一样的内容,以作后用。记得做flash补间循环运动的时候就是这样要头尾一样。 通过setInterval隔时运行rolltxt函数。 rolltxt函数首先计算的是间隔停顿的高度,滚动多高就要停顿一下,这个高度...
标签: Web开发
12345678910111213141516171819202122232425262728
标签: Web开发
很久没写blog,太忙了。没什么时间写复杂的东西,重新把颜色渐变效果写一遍。 关于颜色的效果一般就两个,颜色梯度变化和样式的颜色渐变,前者在ie中一般用滤镜实现。 实例效果 预览效果1: 这是一个颜色梯度变化演示: 运行代码框 !DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3....
标签: Web开发
在1-2年前,我们为满足需求会使用Macromedia Flash来进行Web应用中动态按钮、图片幻灯片甚至文本交互内容的表现;现在,在日趋完备的JavaScript框架(jQuery, Mootools, Prototype, Scriptallicious, Yahoo UI)的支持下,使用更加轻量级的脚本代码,实现了之前只有Flash可以完成的优雅效果,这给Web设计者和开发人员带来了无尽的创意思维。...
标签: Web开发
现在有一个横向的IFRAME,需要通过点击iframe外的一个图片来横向滚动iframe内的一个html页,但又不想让看见iframe的滚动条,请问如何解决啊????  img   src="demo.gif"   onmousedown="window.timer=setInterval('a.document.body.scrollTop++',10)"   onmouseup="clearInterval(window.timer...

经验教程

336

收藏

99
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部