找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 397|回复: 0

判断屏幕宽度设置不同图片和判断宽度显示和隐藏js代码

[复制链接]
  • TA的每日心情
    奋斗
    2022-9-1 11:24
  • 签到天数: 50 天

    连续签到: 1 天

    [LV.5]常住居民I

    766680204
    发表于 2019-12-15 22:16:09 | 显示全部楼层 |阅读模式

    您需要 登录 才可以下载或查看,没有账号?立即注册

    ×
    前端代码
    <a class="navbar-brand" href="/"><img id="ffidc"  style="width:100%;height:auto;padding-top:5px" /></a>   
    js代码
    <script>
      $(document).ready(function() {
         if($(window).width() > 991) {
             $("#ffidc").attr("src", "../assets/img/features/cleardent-header.png");
         } else {
             $("#ffidc").attr("src", "../assets/img/features/cleardent-header-small.png");
         }
    });
      </script>判断宽度显示和隐藏js代码
    <script>
    $(document).ready(function() {
         if($(window).width() >= 1200 ) {
             $("#ffidc").attr("src", "/static/images/logo.png");
              document.getElementById('ffidc1').style.display = 'none'; //隐藏
         } else {
             $("#ffidc").attr("src", "/static/images/logo1.png");
         }
    });
      </script>


    回复

    使用道具 举报

    网站地图|页面地图|文字地图|Archiver|手机版|小黑屋|找资源 |网站地图

    GMT+8, 2024-11-28 08:44

    Powered by Discuz! X3.5

    © 2001-2024 Discuz! Team.

    快速回复 返回顶部 返回列表