javascript - 如果有一个tab选项卡 怎么加懒载效果,是怎么样的一个原理要怎么实现?(没用使用lazyload.js 的前提)
巴扎黑
巴扎黑 2017-04-11 11:06:25
[JavaScript讨论组]

当用户没有点击tab选项卡时,没有显示的tab选项卡显示默认图片

巴扎黑
巴扎黑

全部回复(2)
大家讲道理

假设效果是:
选项1、选项2...
内容1、内容2...

<dl>
    <dt>
        <a>选项1</a>
        <a>选项2</a>
    </dt>
    <dd>
        <p>内容1<img src="图片一" /></p>
        <p>内容2<img *src*="图片二" /></p>
    </dd>
</dl>

当上面的选项二被点击时,同时把内容二里的图片的 src 的值传给它的 src 。这样图片就会加载,否则不加载。当然这种方案是比较简单、粗暴的处理方式,只能用在tab里的图片较为少的情况。
多的话,就得考虑屏高的问题。

ringa_lee

https://segmentfault.com/q/1010000002554960

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号