书画家郑路迅的一些碎语记录

网页自适应方法

07 05月
作者:老路|分类:电脑网络技术|标签:网页设计

将以下代码放到后台统计代码里即可:

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.slim.min.js"></script>

<script>var jq = jQuery.noConflict();</script>

<script>

  jq(document).ready(function () {

    jq("head").append('<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">')

    jq("head").append('<style>.tedt{width:100% !important; max-width:600px}</style>')

    jq("head").append('<style>.quote{width:100% !important}</style>')

    jq("#toptb").css("min-width", "0")

    jq(".hdc.cl").css("min-height", "0")

    jq(".wp").css("min-width", "0")

    jq(".zoom").css("width", "100%")

    jq(".zoom").css("max-width", "600px")

    jq(".attach_nopermission.attach_tips").css("width", "100%")

    jq(".attach_nopermission.attach_tips").css("max-width", "600px")

    jq(".tedt.mtn").css("width", "100%")

    jq(".tedt.mtn").css("max-width", "600px")

    jq("#scrolltop").children("span:eq(0)").children("a").attr("onclick", "void(0)")

    resized()

  })

  window.addEventListener("resize", resized)

  function resized() {

    if (jq(document).width() <= 650) {

      jq("#online").hide()

      jq("#qmenu").hide()

      jq("#um").children("p:eq(1)").hide()

      jq("#um").css("padding-right", "0")

      jq("#scbar_txt").css("width", "calc(100vw - 145px)")

      jq(".scbar_hot_td").hide()

      jq(".fl_i").hide()

      jq(".fl_by").hide()

      jq(".hdc.cl").children("h2").children("a").children("img").css("height", "32px")

      jq("#chart").hide()

      jq("#loginstatus").hide()

      jq(".avt.y").hide()

      jq(".y.pns").children("table").children("tbody").children("tr:eq(0)").hide()

      jq(".y.pns").children("table").children("tbody").children("tr:eq(1)").children("td:eq(0)").hide()

      jq(".y.pns").children("table").children("tbody").children("tr:eq(1)").children("td:eq(1)").hide()

      jq("#frt").hide()

      jq(".by").hide()

      jq(".num").hide()

      jq(".bm_h.cl").children(".y").hide()

      jq("#toptb").children(".wp").children(".y").hide()

      jq(".pls").hide()

      jq("#fj").hide()

      jq("#fastsmiliesdiv").hide()

      jq("#fastposteditor").css("margin-right", "0")

      jq("#p_btn").hide()

    } else {

      jq("#online").show()

      jq("#qmenu").show()

      jq("#um").children("p:eq(1)").show()

      jq("#um").css("padding-right", "60px")

      jq("#scbar_txt").css("width", "400px")

      jq(".scbar_hot_td").show()

      jq(".fl_i").show()

      jq(".fl_by").show()

      jq(".hdc.cl").children("h2").children("a").children("img").css("height", "66px")

      jq(".pipe").show()

      jq("#chart").show()

      jq("#loginstatus").show()

      jq(".avt.y").show()

      jq(".y.pns").children("table").children("tbody").children("tr:eq(0)").show()

      jq(".y.pns").children("table").children("tbody").children("tr:eq(1)").children("td:eq(0)").show()

      jq(".y.pns").children("table").children("tbody").children("tr:eq(1)").children("td:eq(1)").show()

      jq("#frt").show()

      jq(".by").show()

      jq(".num").show()

      jq(".bm_h.cl").children(".y").show()

      jq("#toptb").children(".wp").children(".y").show()

      jq(".pls").show()

      jq("#fj").show()

      jq("#fastsmiliesdiv").show()

      jq("#fastposteditor").css("margin-right", "170px")

      jq("#p_btn").show()

    }

  }

</script>



浏览169 评论0
返回
目录
返回
首页
可道云kodexplorer隐藏免费版按钮及简单修改使用方法 BT-Panel Linux自动磁盘挂载工具1.8(2020/1/17更新)

发表评论