东篱闲人 发表于 2022-12-21 21:21

【全屏】茶禅一味


<style>
#papa {
      margin: auto;
      padding: 10px;
      width: 840px;
      height: 540px;
      background: gray url('https://pic.imgdb.cn/item/63a305acb1fccdcd362dbfec.jpg') no-repeat center/cover;
}
#btn888 {
      position: absolute;
      color: white;
      opacity: .45;
      cursor: pointer;
      border: 2px solid snow;
      border-radius: 8px;
      padding: 4px;
      display: none;
      transition: all .75s;
}
#papa:hover #btn888 { display: block; }
#btn888:hover { opacity: 1; }
</style>

<div id="papa" style="">
      <span id="btn888">全屏观赏</span>
</div>

<script>

let fs = false;

btn888.onclick = () => fs ? document.exitFullscreen() : papa.requestFullscreen();

document.addEventListener("fullscreenchange", () => {
      if(document.fullscreenElement !== null) {
                fs = true;
                btn888.innerText = '退出全屏';
      } else {
                fs = false;
                btn888.innerText = '全屏观赏';
      }
});

</script>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=1 height=1 src="//music.163.com/outchain/player?type=2&id=5234709&auto=1&height=66"></iframe>

小辣椒 发表于 2022-12-21 21:29

老头就是厉害{:4_178:}

东篱闲人 发表于 2022-12-21 21:32

小辣椒 发表于 2022-12-21 21:29
老头就是厉害

对付了一个大图。。。{:5_117:}

小辣椒 发表于 2022-12-21 21:42

东篱闲人 发表于 2022-12-21 21:32
对付了一个大图。。。

效果特别好，图图意境也是美{:4_199:}

马黑黑 发表于 2022-12-21 22:40

我就说嘛，东篱的图片是合适做全屏帖子的。小鸡说，你真是棒棒的呢！

红影 发表于 2022-12-21 22:56

这张图图放大了更漂亮了，东篱大哥真棒{:4_199:}

风吟 发表于 2022-12-22 16:36

木看到美妞，差评～

东篱闲人 发表于 2022-12-22 21:03

马黑黑 发表于 2022-12-21 22:40
我就说嘛，东篱的图片是合适做全屏帖子的。小鸡说，你真是棒棒的呢！

小鸡是谁？{:5_115:}

东篱闲人 发表于 2022-12-22 21:03

红影 发表于 2022-12-21 22:56
这张图图放大了更漂亮了，东篱大哥真棒

图本来就大。。。。{:5_117:}

东篱闲人 发表于 2022-12-22 21:03

风吟 发表于 2022-12-22 16:36
木看到美妞，差评～

{:4_172:}

红影 发表于 2022-12-22 21:24

东篱闲人 发表于 2022-12-22 21:03
图本来就大。。。。

看样子做全屏需要大图才好看。

马黑黑 发表于 2022-12-22 21:37

东篱闲人 发表于 2022-12-22 21:03
小鸡是谁？

支付宝里的蚂蚁庄园

千羽 发表于 2022-12-25 19:58

来欣赏学习东篱老师的精彩美图{:4_187:}

东篱闲人 发表于 2022-12-28 21:13

千羽 发表于 2022-12-25 19:58
来欣赏学习东篱老师的精彩美图

有啥美的，玩呗。。。。{:5_117:}
页: [1]
查看完整版本: 【全屏】茶禅一味