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

Jquery图片预加载 实例代码

WBOY
Lepaskan: 2016-06-07 11:40:33
asal
1130 orang telah melayarinya

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元

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan