测试页面：修订间差异

来自SOKA CAFE
可视化wikitext
小
 
（未显示2个用户的45个中间版本）
第1行： 第1行：
{{#CSS:
<html lang="zh-CN">
@font-face {
<head>
     font-family: 'Test';
    <meta charset="UTF-8">
     src: url('/skins/Timeless/fonts/7572.ttf') format('truetype');
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
}
    <title>自适应轮播图</title>
body {
    <style>
    font-family: 'Test', sans-serif;
        * {
}
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
       
        .container {
            width: 90vw; /* 使用视口宽度 */
            max-width: 800px; /* 电脑端最大宽度 */
            min-width: 280px; /* 最小宽度 */
            height: auto;
            min-height: 120px; /* 最小高度 */
            aspect-ratio: 2.03; /* 保持原有270/133≈2.03的比例 */
            margin: 20px auto;
            background: #fff;
            border-radius: 12px;
            padding: 12px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        }
       
        .carousel {
            position: relative;
            width: 100%;
            height: 100%;
            border-radius: 8px;
            overflow: hidden;
        }
       
        .carousel-wrapper {
            display: flex;
            width: 100%;
            height: 100%;
            transition: transform 0.5s ease;
        }
       
        .carousel-item {
            flex: 0 0 100%;
            width: 100%;
            height: 100%;
        }
       
        .carousel-link {
            display: block;
            width: 100%;
            height: 100%;
        }
       
        .carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持图片比例并填充容器 */
            object-position: center;
        }
       
        .carousel-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 36px;
            height: 36px;
            background: rgba(0,0,0,0.4);
            color: #fff;
            border: none;
            border-radius: 50%;
            font-size: 18px;
            cursor: pointer;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.3s;
        }
       
        .carousel-btn:hover {
            background: rgba(0,0,0,0.6);
        }
       
        .prev-btn {
            left: 12px;
        }
       
        .next-btn {
            right: 12px;
        }
       
        .carousel-indicators {
            position: absolute;
            bottom: 15px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 8px;
        }
       
        .indicator {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(255,255,255,0.5);
            cursor: pointer;
            transition: all 0.3s;
        }
       
        .indicator.active {
            background: #fff;
            transform: scale(1.2);
        }
       
        /* 平板设备 */
        @media (max-width: 1024px) {
            .container {
                width: 85vw;
                max-width: 600px;
                padding: 10px;
            }
           
            .carousel-btn {
                width: 32px;
                height: 32px;
                font-size: 16px;
            }
        }
       
        /* 手机设备 */
        @media (max-width: 768px) {
            .container {
                width: 92vw;
                max-width: 500px;
                padding: 8px;
                border-radius: 10px;
                margin: 15px auto;
            }
           
            .carousel {
                border-radius: 6px;
            }
           
            .carousel-btn {
                width: 28px;
                height: 28px;
                font-size: 14px;
                opacity: 0.9;
            }
           
            .prev-btn {
                left: 8px;
            }
           
            .next-btn {
                right: 8px;
            }
           
            .carousel-indicators {
                bottom: 10px;
            }
           
            .indicator {
                width: 8px;
                height: 8px;
            }
        }
       
        /* 小手机设备 */
        @media (max-width: 480px) {
            .container {
                width: 94vw;
                min-width: 260px;
                padding: 6px;
                margin: 10px auto;
            }
           
            .carousel-btn {
                width: 24px;
                height: 24px;
                font-size: 12px;
            }
           
            .prev-btn {
                left: 5px;
            }
           
            .next-btn {
                right: 5px;
            }
           
            .indicator {
                width: 6px;
                height: 6px;
            }
        }
     </style>
</head>
<body>
    <div style="font-size: min(4vw, 26px); margin-top: 20px; text-align: center; font-family: serif; padding: 0 10px;">
        '''欢迎来到「SOKA CAFE——エア本中文维基」'''
    </div>
    <div style="font-size: min(3vw, 18px); margin-bottom: 15px; text-align: center; margin-top: 10px; padding: 0 10px;">
        ''頭がパーン@wiki：中華エア本支部''
    </div>
   
     <div class="container">
        <div class="carousel" id="carousel">
            <div class="carousel-wrapper" id="carouselWrapper">
                <div class="carousel-item">
                    <a href="https://soka.cafe/index.php?title=创学" class="carousel-link">
                        <img src="https://soka.cafe/Special:FilePath/解惑.jpg" alt="解惑">
                    </a>
                </div>
                <div class="carousel-item">
                    <a href="https://soka.cafe/index.php?title=维基观看与使用指南" class="carousel-link">
                        <img src="https://soka.cafe/Special:FilePath/导航1.1.jpg" alt="维基观看与使用指南">
                    </a>
                </div>
                <div class="carousel-item">
                    <a href="https://soka.cafe/index.php?title=入站须知" class="carousel-link">
                        <img src="https://soka.cafe/Special:FilePath/条责.jpg" alt="入站须知">
                    </a>
                </div>
            </div>
            <button class="carousel-btn prev-btn" id="prevBtn">&lt;</button>
            <button class="carousel-btn next-btn" id="nextBtn">&gt;</button>
            <div class="carousel-indicators" id="indicators"></div>
        </div>
    </div>
 
<script>
    const carouselWrapper = document.getElementById("carouselWrapper");
    const prevBtn = document.getElementById("prevBtn");
    const nextBtn = document.getElementById("nextBtn");
    const indicators = document.getElementById("indicators");
    const carouselItems = document.querySelectorAll(".carousel-item");
    const itemCount = carouselItems.length;
    let currentIndex = 0;
 
    function renderIndicators() {
        indicators.innerHTML = "";
        for (let i = 0; i < itemCount; i++) {
            const indicator = document.createElement("div");
            indicator.className = `indicator ${i === currentIndex ? "active" : ""}`;
            indicator.addEventListener("click", () => goToSlide(i));
            indicators.appendChild(indicator);
        }
    }
 
    function goToSlide(index) {
        currentIndex = index;
        carouselWrapper.style.transform = `translateX(-${currentIndex * 100}%)`;
        renderIndicators();
    }
 
    function prevSlide() {
        currentIndex = (currentIndex - 1 + itemCount) % itemCount;
        goToSlide(currentIndex);
    }
 
    function nextSlide() {
        currentIndex = (currentIndex + 1) % itemCount;
        goToSlide(currentIndex);
    }
 
    let autoPlay = setInterval(nextSlide, 5000);
    const carousel = document.getElementById("carousel");
   
    // 鼠标悬停时暂停自动播放
    carousel.addEventListener("mouseenter", () => clearInterval(autoPlay));
    carousel.addEventListener("mouseleave", () => {
        clearInterval(autoPlay);
        autoPlay = setInterval(nextSlide, 5000);
    });
   
    // 触摸设备支持
    let startX = 0;
    let endX = 0;
   
    carousel.addEventListener("touchstart", (e) => {
        startX = e.touches[0].clientX;
        clearInterval(autoPlay);
    });
   
    carousel.addEventListener("touchend", (e) => {
        endX = e.changedTouches[0].clientX;
        if (startX - endX > 50) {
            nextSlide(); // 向左滑动
        } else if (endX - startX > 50) {
            prevSlide(); // 向右滑动
        }
        autoPlay = setInterval(nextSlide, 5000);
    });
 
    prevBtn.addEventListener("click", prevSlide);
    nextBtn.addEventListener("click", nextSlide);
   
    // 初始化
    renderIndicators();
   
    // 窗口大小变化时重新计算
    window.addEventListener("resize", () => {
        // 重新定位当前幻灯片
        goToSlide(currentIndex);
    });
</script>
</body>
</html>
 
 
 
 
 
 
 
----
 
 
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <div id="pageContainer" style="position: relative; width: 300px; height: 200px; border: 1px solid #000; overflow: hidden;">
        <div id="page1" style="position: absolute; width: 100%; height: 100%; background: #f0f0f0; text-align: center; line-height: 200px; font-size: 20px;">
            第一页
        </div>
        <div id="page2" style="position: absolute; width: 100%; height: 100%; background: #e0e0e0; text-align: center; line-height: 200px; font-size: 20px; left: 300px;">
            第二页
        </div>
    </div>
    <button onclick="turnPage()" style="margin-top: 10px;">← 翻页</button>
 
    <script>
        let isFirstPage = true;
        const page1 = document.getElementById('page1');
        const page2 = document.getElementById('page2');
        const speed = 5;
 
        function turnPage() {
            if (isFirstPage) {
                animatePage(page1, -300, page2, 0);
            } else {
                animatePage(page2, 300, page1, 0);
            }
            isFirstPage = !isFirstPage;
        }
 
        function animatePage(pageOut, targetOut, pageIn, targetIn) {
            let currentOut = parseInt(pageOut.style.left || 0);
            let currentIn = parseInt(pageIn.style.left || 300);
 
            function frame() {
                if (currentOut !== targetOut) {
                    currentOut += (targetOut - currentOut) > 0 ? speed : -speed;
                    if (Math.abs(currentOut - targetOut) < speed) currentOut = targetOut;
                    pageOut.style.left = currentOut + 'px';
                }
                if (currentIn !== targetIn) {
                    currentIn += (targetIn - currentIn) > 0 ? speed : -speed;
                    if (Math.abs(currentIn - targetIn) < speed) currentIn = targetIn;
                    pageIn.style.left = currentIn + 'px';
                }
                if (currentOut !== targetOut || currentIn !== targetIn) {
                    requestAnimationFrame(frame);
                }
            }
            requestAnimationFrame(frame);
        }
    </script>
</body>
</html>
 
 
 
 
----
</tabber>
|-|历史上的星期=
{{#switch: {{#time:w|+8hour}}
|  0 =
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:正常化.jpg|85x85px|无框|左]]
'''<big>[[中日邦交正常化|【星期日】池田大作发表演讲《光荣属于战斗的学生部》]]</big>'''
 
1968年9月8日，在创价学会第11届学生部大会中，池田大作面对一万数千名学生发表了历时1小时17分钟的演讲——《光荣属于战斗的学生部》，为创价学会推动中日邦交正常化作出重要贡献。
</div>
</div>
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:二宗.jpg|80x80px|无框|左]]'''<big>[[第二次宗门事件|【星期日】第二次宗门事件正式拉开帷幕]]</big>'''
<br >
第二次宗门事件，是创价学会与日莲正宗之间的矛盾已彻底无法调和的情况下所展开的最终决战。
</div>
</div>
|  1 =
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:老信浓町.jpg|80x80px|无框|左]]'''<big>[[信浓町|【星期一】创价学会总部正式搬迁至信浓町]]</big>'''
<br >
1953年11月13日，[[户田城圣]]买下了位于东京都新宿区信浓町三十二号的一处私宅，改造为了创价学会新本部。此后，信浓町成为了创价学会活动的中心点。
</div>
</div>
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:文化部li.jpg|80x80px|无框|左]]'''<big>【星期一】创价学会“文化部”宣告正式设立</big>'''
<br >
1954年11月22日，创价学会设立了专门为政治选举活动服务的部门——'''文化部'''。这是宗教团体创价学会涉足世俗政坛的开端。
</div>
</div>
|  2 =
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:出創.jpg|80x80px|无框|左]]'''<big>[[创价学会|【星期二】创价教育学会在日本东京宣告成立]]</big>'''
<br >
1930年11月18日，[[牧口常三郎]]《创价教育学体系》出版，标志了创价学会（时称创价教育学会）的成立。
</div>
</div>
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:三代.jpg|80x80px|无框|左]]'''<big>[[久本信仰祭|【星期二】池田大作就任创价学会第三任会长]]</big>'''
<br >
1960年5月3日，池田大作就任创价学会第三任会长。是久本信仰祭的原典。
</div>
</div>
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:公明党结成.jpg|80x80px|无框|左]]
'''<big>[[公明党|【星期二】公明党于日本东京宣告正式成立]]</big>'''
 
1964年11月17日，由创价学会支持成立的政党——公明党诞生。
</div>
</div>
|  3 =
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:久本出生.jpg|80x80px|无框|左]]'''<big>[[久本诞生祭|【星期三】久本雅美于日本大阪府东住吉区诞生]]</big>'''
<br >
1958年7月9日，[[久本雅美]]出生于今日本大阪府东住吉区加美。
</div>
</div>
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:先驱.jpg|80x80px|无框|左]]'''<big>【星期三】创学公认的典范早期二次创作诞生</big>'''
<br >
YouTube用户“SOGABE1982”于2006年10月11日发布的视频[https://www.bilibili.com/video/BV11a4y1E7Cr/?share_source=copy_web&vd_source=1bd052a45852520bb54237d56674c12c 《Hisamoto belive Daisaku Ikeda》]是公认的创学典范早期二次创作。原up也被圈内冠名「先驱者」
</div>
</div>
|  4 =
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:二代.jpg|80x80px|无框|左]]'''<big>[[户田城圣|【星期四】户田城圣就任创价学会第二任会长]]</big>'''
<br >
1951年5月3日，户田城圣在出狱后的第六年宣布就任[[创价学会]]第二任会长。同时也宣告了一场规模巨大、影响空前的运动—[[折伏大行进]]的正式发动。
</div>
</div>
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:人生4.jpg|80x80px|无框|左]]
'''<big>[[我的美好人生系列|【星期四】《我的美好人生part4》开始发售]]</big>'''
 
1998年1月1日，[[我的美好人生系列|《我的美好人生part4》]]发售。
</div>
</div>
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:未来2.jpg|80x80px|无框|左]]
'''<big>[[Future系列|【星期四】《Future2》开始发售]]</big>'''
 
2001年11月1日，[[Future系列|《Future2》]]发售。
</div>
</div>
|  5 =
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:信浓信浓.jpg|80x80px|无框|左]]
'''<big>[[SHINANO企画|【星期五】信浓企画在日本东京被正式设立]]</big>'''
 
1968年9月20日，信浓企画成立。它旗下的一系列作品被后世统称之为“本篇素材”。它们是创价学会素材的重要来源之一，在二创体系中占据主线地位，是创学世界观一切人物、剧情与设定的重要参考，具有重要的基础性意义。
</div>
</div>
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:久本入信.jpg|80x80px|无框|左]]
'''<big>[[久本入信祭|【星期五】久本雅美正式加入日本创价学会]]</big>'''
 
1984年9月28日，久本雅美在同事清水富美子的劝诱下决定加入创价学会。[[久本入信祭]]原典。
</div>
</div>
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:人生2.jpg|80x80px|无框|左]]
'''<big>[[我的美好人生系列|【星期五】《我的美好人生part2》发售]]</big>'''
 
1993年1月1日，[[我的美好人生系列|《我的美好人生part2》]]发售。
</div>
</div>
|  6 =
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:妙妙妙.jpg|80x80px|无框|左]]
'''<big>[[富士大石寺显正会|【星期六】妙信讲在日莲正宗妙光寺宣告正式成立]]</big>'''
 
1957年8月3日，浅井甚兵卫创立了妙信讲，附属于日莲正宗。它是富士大石寺显正会的前身。
</div>
</div>
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:出版.jpg|80x80px|无框|左]]
'''<big>[[言论出版事件|【星期六】“言论出版妨害事件”彻底爆发开来]]</big>'''
 
1969年12月13日，日本共产党正式公开控诉创价学会经常性的阻挠书籍出版行径，引起社会哗然，致使言论出版妨害事件彻底爆发。它是创价学会所引起的最为严重的社会负面事件，产生了深远影响。
</div>
</div>
<div class="mini-block-container mini-block-list">
<div class="mini-block">
[[文件:刺杀.jpg|80x80px|无框|左]]
'''<big>[[池田大作沙林毒气刺杀事件|【星期六】奥姆真理教教徒刺杀池田大作未遂]]</big>'''
 
1993年11月、12月18日，[[奥姆真理教]]分别对池田大作进行了两次暗杀行动，但均告失败。
</div>
</div>
}}<br />
 
|-|活动公告=
<div class="mini-block">
{{栏目块
|图片=[[File:RCR_LOGO_V1.1.png]]
|标题=[[【合作告知】宗教再生启示录_~_Re:Creation_Revelation《宗教都市祭II》|宗教都市祭II开催！]]
|内容=久本的虚拟化身“Paru”悬浮在宗教都市的圣殿中，脚下是由数以百万记的信徒们的祈祷所化作成的铁链。
在这片虚无的大地中，一道裂痕撕开了穹顶，《激突！美食赛跑！》的音乐，轰鸣而至……
|详情=【合作告知】宗教再生启示录_~_Re:Creation_Revelation《宗教都市祭II》
}}
}}
</div>
</tabber>
</div>
</div>
</div>
</div>
</div>
<div style="font-family:Yuesong">
字体测试
字体测试
</div>
<div style="font-family:7397">
字体测试
</div>
<div style="font-family: serif;">
字体测试
</div>
<div>
{{#evu:https://www.youtube.com/watch?v=eAORm-8b1Eg
{{#evu:https://www.youtube.com/watch?v=eAORm-8b1Eg
|alignment=right
|alignment=right
第17行： 第568行：
|alignment=right
|alignment=right
}}
}}
</div>
----
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
==表格测试==
{| class="wikitable sortable mw-collapsible"
|'''申请号'''
|CN951080741
|'''申请日期'''
|1995-07-28
|-
|'''公告号'''
|CN1141833A
|'''公布/公告日期'''
|1997-02-05
|-
|'''发明人'''
|周寿坤、王志泽、孙正江
|'''申请(专利权)人'''
|北京汇佳物产技术公司
|-
|'''专利代理人'''
|何润华
|'''专利代理机构'''
|北京申翔知识产权服务公司专利代理部
|-
|'''专利类型'''
|发明专利
|'''主分类号'''
|B23K3/047
|-
|'''住所'''
| colspan="3" |北京市8756信箱
|-
|'''法律状态'''
| colspan="3" | -
|-
|'''摘要'''
| colspan="3" |本发明是对另一在先专利(ZL 94 21966.X)的改进方案。在焊枪装置上的改进是取消了焊针尾丝，和用于连接尾丝的衔接器、退焊针尾丝的滑杆。导电通路的这一部分直接由焊针连接卡爪、大簧座、大簧、导电套与穿过壳体的外接电源线连接。大簧兼作导电线圈和复位弹簧使用，通电时使内套磁化，吸引大簧座位移并带动卡爪夹带焊针在瓷环卡爪中拉弧，断电后使焊针复位固结焊口。自动拉弧钎焊机包括焊枪、焊针和自控电路。自控电路至少设置定时电路，还可串联过流保护电路，低于规定电压自锁电路、闪光电路。
|}
[[File:RCR_LOGO_V1.1.png|400px|居中|class=blur]]
[[分类:编辑帮助]]

2026年1月27日 (二) 15:33的最新版本

自适应轮播图

'''欢迎来到「SOKA CAFE——エア本中文维基」'''
''頭がパーン@wiki：中華エア本支部''





第一页
第二页



</tabber> |-|历史上的星期=

【星期日】池田大作发表演讲《光荣属于战斗的学生部》

1968年9月8日，在创价学会第11届学生部大会中，池田大作面对一万数千名学生发表了历时1小时17分钟的演讲——《光荣属于战斗的学生部》，为创价学会推动中日邦交正常化作出重要贡献。

【星期日】第二次宗门事件正式拉开帷幕


第二次宗门事件，是创价学会与日莲正宗之间的矛盾已彻底无法调和的情况下所展开的最终决战。


|-|活动公告=

宗教都市祭II开催！
久本的虚拟化身“Paru”悬浮在宗教都市的圣殿中，脚下是由数以百万记的信徒们的祈祷所化作成的铁链。 在这片虚无的大地中，一道裂痕撕开了穹顶，《激突！美食赛跑！》的音乐，轰鸣而至……

</tabber>





字体测试

字体测试

字体测试

加载视频
YouTube
加载视频
哔哩哔哩































表格测试

申请号 CN951080741 申请日期 1995-07-28
公告号 CN1141833A 公布/公告日期 1997-02-05
发明人 周寿坤、王志泽、孙正江 申请(专利权)人 北京汇佳物产技术公司
专利代理人 何润华 专利代理机构 北京申翔知识产权服务公司专利代理部
专利类型 发明专利 主分类号 B23K3/047
住所 北京市8756信箱
法律状态 -
摘要 本发明是对另一在先专利(ZL 94 21966.X)的改进方案。在焊枪装置上的改进是取消了焊针尾丝，和用于连接尾丝的衔接器、退焊针尾丝的滑杆。导电通路的这一部分直接由焊针连接卡爪、大簧座、大簧、导电套与穿过壳体的外接电源线连接。大簧兼作导电线圈和复位弹簧使用，通电时使内套磁化，吸引大簧座位移并带动卡爪夹带焊针在瓷环卡爪中拉弧，断电后使焊针复位固结焊口。自动拉弧钎焊机包括焊枪、焊针和自控电路。自控电路至少设置定时电路，还可串联过流保护电路，低于规定电压自锁电路、闪光电路。
取自“https://soka.cafe/index.php?title=测试页面&oldid=3101”