请马上登录，朋友们都在花潮里等着你哦：）
您需要 登录 才可以下载或查看，没有账号？立即注册
x
本帖最后由 马黑黑 于 2024-3-5 23:21 编辑
效果
代码
<style>
/* 全屏对象选择器 ：名称随意，JS配置时注意使用相同名称 */
#mybox {
margin: auto;
width: 800px;
height: 460px;
background: url('https://638183.freep.cn/638183/t24/jpg/dysonstar.jpg') no-repeat center/cover;
position: relative; /* 定位 ：必须，否则全屏按钮不听使唤 */
}
</style>
<div id="mybox"></div>
<script>
/* 引用插件 */
let sF = document.createElement('script');
sF.src = 'https://638183.freep.cn/638183/web/api/fullscreen.js';
sF.charset = 'utf-8';
document.querySelector('body').appendChild(sF);
/* 配置全屏按钮
papa - 必须，指定全屏对象，也是全屏按钮的容器
css - 可选，若配置，需要配齐例中的四个属性，其中：--color 前景色即边框颜色，--fsBg 背景 */
sF.onload = () => FS({
papa: '#mybox',
css: 'left: 20px; top: 20px; --color: green; --fsBg: #eee;',
});
</script>
配置中如果不配置 css 参数，配置FS的代码可以非常简短：
sF.onload = () => FS({papa: '#mybox'});
| 
发表于 2024-3-5 23:18
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
楼主
发表于 2024-3-6 18:08
会者不难。。还没试。
