Heim >Web-Frontend >js-Tutorial >Javascript 写的简单进度条控件_javascript技巧

Javascript 写的简单进度条控件_javascript技巧

WBOY
WBOYOriginal
2016-05-16 19:06:25933Durchsuche

很多的时候用户需要等待你“臃肿”的 Javascript 代码处理完成(Web 2.0 的特色)。期间或许加入一个类似于进度条的东西让用户有点“安慰”。这个东西实现起来并不复杂,无非就是获得总的处理条目,然后获得一个百分比,再显示输出。

通过我们伟大的 CSS,可以实现非常漂亮的进度条样式。加上 Javascript 的效果,就可以完全“欺骗”我们的用户,让他们有耐心等待浏览器处理完成。上述的原理已经知道了,那么就可以直接看代码了。本人使用的还是 jQuery 框架,因为这样简短的代码可能会更容易理解。

当然这个控件还有很多需要完成的地方,我仅仅是提供了一种遵循 Web 标准的实现思路。废话不多说,有时间的话可以点击这里看下 在线演示

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn