Heim > php教程 > php手册 > Jquery图片预加载 实例代码

Jquery图片预加载 实例代码

WBOY
Freigeben: 2016-06-07 11:40:33
Original
1130 Leute haben es durchsucht

Jquery图片预加载 实例代码
使用预加截,可提高用户浏览性,在打开页面时会非常流利,
因为当页面完全显示后,图片并没有加载,src里只有一张预加载图片,
等页面完全显示后,再利用js读取图片资源,当你图片没有下翻显示在屏幕时,
依然不会加载,当你下翻看到图片时,js才会进行读取,还可以省流量!
效果演示 http://www.qq839.com
送上代码 交流QQ839024615<!--Js代码--><br> <script></script><br> <script></script><br> <script><br /> $(function () {<br /> $("img").lazyload({<br /> effect: "fadeIn"<br /> });<br /> });<br /> </script><br> <!--Html代码--><br> <img alt="Jquery图片预加载 实例代码" >

AD:真正免费,域名+虚机+企业邮箱=0元

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage