地藏莲社 》佛学论坛 › 佛学图片 › 试帖

九品莲花 发表于 2022-11-15 16:59:07

试帖

<div style="LEFT: -152px; WIDTH: 900px; POSITION: relative; TOP: 150px">

<style>

    #audCtrl{
      position: absolute;
      bottom: 20px;
      right: 20px;
    }
    .heart{
      width: 30px;
      height: 30px;
      background-color: red;
      position: relative;cursor:pointer;
      transform: rotate(45deg);
                animation: heartbeat .8s infinite alternate;
                filter: drop-shadow(0px 0px 10px pink);
    }
    .heart::before,.heart::after{
      content: "";
      width: 30px;
      height: 30px;
      background-color: red;
      position: absolute;
      border-radius: 50%;
    }
    .heart::before{
      left: -18px;
    }
    .heart::after{
      top: -18px;
    }
@keyframes heartbeat { to { transform: rotate(45deg) scale(0.9); } }
</style>
<div id="bkframe">
<div id="svgf">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1" viewBox="0 0 640 1024" id="svgContent">
<defs>
<pattern id="pm7" width="200" height="200" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="100" height="100" fill="white"></rect>
<rect x="100" y="0" width="100" height="100" fill="black">
<animate attributeName="fill" from="black" to="white" begin="bpic3.begin;bpic8.begin;bpic10.begin;" dur="3" fill="freeze"></animate>
</rect>
<rect x="0" y="100" width="100" height="100" fill="black">
<animate attributeName="fill" from="black" to="white" begin="bpic3.begin;bpic8.begin;bpic10.begin;" dur="3" fill="freeze"></animate>
</rect>
<rect x="100" y="100" width="100" height="100" fill="white"></rect>
</pattern>
<mask id="mask7" x="0" y="0" width="640" height="1024">
<rect y="0" width="640" height="1024" style="fill:url(#pm7)"></rect>
</mask>

<pattern id="pm8" width="50" height="50" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="0" height="50" fill="white">
<animate attributeName="width" from="0" to="50" begin="bpic4.begin;" dur="3" fill="freeze"></animate>
</rect>
</pattern>
<mask id="mask8" x="0" y="0" width="640" height="1024">
<rect y="0" width="640" height="1024" style="fill:url(#pm8)"></rect>
</mask>
<pattern id="pm9" width="50" height="50" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="50" height="0" fill="white">
<animate attributeName="height" from="0" to="50" begin="bpic1.begin;bpic5.begin;bpic6.begin;bpic9.begin;bpic11.begin;" dur="3" fill="freeze"></animate>
</rect>
</pattern>
<mask id="mask9" x="0" y="0" width="640" height="1024">
<rect y="0" width="640" height="1024" style="fill:url(#pm9)"></rect>
</mask>
<pattern id="pm10" width="200" height="100" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="200" height="100" fill="white" style="clip-path: polygon(0 0, 0 100%, 100% 0);"></rect>
<rect x="0" y="0" width="200" height="100" fill="black" style="clip-path: polygon(100% 0, 0 100%, 100% 100%);">
<animate attributeName="fill" from="black" to="white" begin="bpic0.begin;" dur="3" fill="freeze"></animate>
</rect>
</pattern>
<mask id="mask10" x="0" y="0" width="640" height="1024">
<rect y="0" width="640" height="1024" style="fill:url(#pm10)"></rect>
</mask>
<pattern id="pm11" width="200" height="100" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="200" height="100" fill="white" style="clip-path: polygon(0 0, 0% 100%, 100% 100%);"></rect>
<rect x="0" y="0" width="200" height="100" fill="black" style="clip-path: polygon(100% 0, 0 0, 100% 100%);">
<animate attributeName="fill" from="black" to="white" begin="bpic2.begin;bpic7.begin;" dur="3" fill="freeze"></animate>
</rect>
</pattern>
<mask id="mask11" x="0" y="0" width="640" height="1024">
<rect y="0" width="640" height="1024" style="fill:url(#pm11)"></rect>
</mask>
</defs>

<image xlink:href="https://pic.imgdb.cn/item/641d8940a682492fccdf4511.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask10)">
<animate id="bpic0" attributeName="opacity" from="0" to="1" begin="0;epic11.end-3" dur="2" fill="freeze"></animate>
<animate id="epic0" attributeName="opacity" from="1" to="0" begin="bpic0.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d895fa682492fccdf7593.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask9)">
<animate id="bpic1" attributeName="opacity" from="0" to="1" begin="epic0.end-3" dur="2" fill="freeze"></animate>
<animate id="epic1" attributeName="opacity" from="1" to="0" begin="bpic1.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d897ca682492fccdf9f3b.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask11)">
<animate id="bpic2" attributeName="opacity" from="0" to="1" begin="epic1.end-3" dur="2" fill="freeze"></animate>
<animate id="epic2" attributeName="opacity" from="1" to="0" begin="bpic2.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8997a682492fccdfdcc9.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask7)">
<animate id="bpic3" attributeName="opacity" from="0" to="1" begin="epic2.end-3" dur="2" fill="freeze"></animate>
<animate id="epic3" attributeName="opacity" from="1" to="0" begin="bpic3.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8b49a682492fcce34d34.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask8)">
<animate id="bpic4" attributeName="opacity" from="0" to="1" begin="epic3.end-3" dur="2" fill="freeze"></animate>
<animate id="epic4" attributeName="opacity" from="1" to="0" begin="bpic4.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8b6aa682492fcce3b219.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask9)">
<animate id="bpic5" attributeName="opacity" from="0" to="1" begin="epic4.end-3" dur="2" fill="freeze"></animate>
<animate id="epic5" attributeName="opacity" from="1" to="0" begin="bpic5.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8b86a682492fcce40e6b.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask9)">
<animate id="bpic6" attributeName="opacity" from="0" to="1" begin="epic5.end-3" dur="2" fill="freeze"></animate>
<animate id="epic6" attributeName="opacity" from="1" to="0" begin="bpic6.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8ba0a682492fcce46074.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask11)">
<animate id="bpic7" attributeName="opacity" from="0" to="1" begin="epic6.end-3" dur="2" fill="freeze"></animate>
<animate id="epic7" attributeName="opacity" from="1" to="0" begin="bpic7.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8d52a682492fcce8166e.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask7)">
<animate id="bpic8" attributeName="opacity" from="0" to="1" begin="epic7.end-3" dur="2" fill="freeze"></animate>
<animate id="epic8" attributeName="opacity" from="1" to="0" begin="bpic8.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8d74a682492fcce8482c.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask9)">
<animate id="bpic9" attributeName="opacity" from="0" to="1" begin="epic8.end-3" dur="2" fill="freeze"></animate>
<animate id="epic9" attributeName="opacity" from="1" to="0" begin="bpic9.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8d90a682492fcce87107.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask7)">
<animate id="bpic10" attributeName="opacity" from="0" to="1" begin="epic9.end-3" dur="2" fill="freeze"></animate>
<animate id="epic10" attributeName="opacity" from="1" to="0" begin="bpic10.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8da5a682492fcce896ed.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask9)">
<animate id="bpic11" attributeName="opacity" from="0" to="1" begin="epic10.end-3" dur="2" fill="freeze"></animate>
<animate id="epic11" attributeName="opacity" from="1" to="0" begin="bpic11.begin+8" dur="2" fill="freeze"></animate>
</image>

</svg>
</div>
<!-- div id="audCtrl"><img src="https://cdnimg101.mlychee.com/audio_cover/2016/06/20/29371244203112711_160x160.jpg"></div -->
                        <div id="audCtrl">
                                <div class="heart"></div>
                        </div>
<audio src="https://www.joy127.com/url/102394.mp3" loop autoplay id="ma" ></audio>
</div>
<script>
let audCtrl = document.querySelector('.heart');

let setState = (condi) =>        {
        if(condi)        {
                audCtrl.style.animationPlayState='running';
                svgContent.unpauseAnimations();
                svgf.style.visibility="visible";
                ma.play();
        }
        else {
                audCtrl.style.animationPlayState='paused';
                svgContent.pauseAnimations();
                svgf.style.visibility="hidden";
                ma.pause();
        }
};
audCtrl.onclick = () => setState(ma.paused);
setState(ma.played);

</script>

</div>

</style><br><br><br><br><br><br><br><br><br>

九品莲花 发表于 2022-11-28 14:58:17

<div style="LEFT: -202px; WIDTH: 1000px; POSITION: relative; TOP: 150px">
<!--内容区域-->
            <div class="cont-area">
<div style="width: 640px;height: 1024px;box-shadow:0px 0px 1px 2px #1b6f2b, 0px 0px 0px 8px #eefef1,0px 0px 5px 15px #1b6f2b;overflow:hidden;border-radius:1%;margin-top:0px;margin-LEFT: -0px;"><style>
<style>

    #audCtrl{
      position: absolute;
      bottom: 20px;
      right: 20px;
    }
    .heart{
      width: 30px;
      height: 30px;
      background-color: red;
      position: relative;cursor:pointer;
      transform: rotate(45deg);
                animation: heartbeat .8s infinite alternate;
                filter: drop-shadow(0px 0px 10px pink);
    }
    .heart::before,.heart::after{
      content: "";
      width: 30px;
      height: 30px;
      background-color: red;
      position: absolute;
      border-radius: 50%;
    }
    .heart::before{
      left: -18px;
    }
    .heart::after{
      top: -18px;
    }
@keyframes heartbeat { to { transform: rotate(45deg) scale(0.9); } }
</style>
<div id="bkframe">
<div id="svgf">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1" viewBox="0 0 640 1024" id="svgContent">
<defs>
<pattern id="pm7" width="200" height="200" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="100" height="100" fill="white"></rect>
<rect x="100" y="0" width="100" height="100" fill="black">
<animate attributeName="fill" from="black" to="white" begin="bpic3.begin;bpic8.begin;bpic10.begin;" dur="3" fill="freeze"></animate>
</rect>
<rect x="0" y="100" width="100" height="100" fill="black">
<animate attributeName="fill" from="black" to="white" begin="bpic3.begin;bpic8.begin;bpic10.begin;" dur="3" fill="freeze"></animate>
</rect>
<rect x="100" y="100" width="100" height="100" fill="white"></rect>
</pattern>
<mask id="mask7" x="0" y="0" width="640" height="1024">
<rect y="0" width="640" height="1024" style="fill:url(#pm7)"></rect>
</mask>

<pattern id="pm8" width="50" height="50" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="0" height="50" fill="white">
<animate attributeName="width" from="0" to="50" begin="bpic4.begin;" dur="3" fill="freeze"></animate>
</rect>
</pattern>
<mask id="mask8" x="0" y="0" width="640" height="1024">
<rect y="0" width="640" height="1024" style="fill:url(#pm8)"></rect>
</mask>
<pattern id="pm9" width="50" height="50" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="50" height="0" fill="white">
<animate attributeName="height" from="0" to="50" begin="bpic1.begin;bpic5.begin;bpic6.begin;bpic9.begin;bpic11.begin;" dur="3" fill="freeze"></animate>
</rect>
</pattern>
<mask id="mask9" x="0" y="0" width="640" height="1024">
<rect y="0" width="640" height="1024" style="fill:url(#pm9)"></rect>
</mask>
<pattern id="pm10" width="200" height="100" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="200" height="100" fill="white" style="clip-path: polygon(0 0, 0 100%, 100% 0);"></rect>
<rect x="0" y="0" width="200" height="100" fill="black" style="clip-path: polygon(100% 0, 0 100%, 100% 100%);">
<animate attributeName="fill" from="black" to="white" begin="bpic0.begin;" dur="3" fill="freeze"></animate>
</rect>
</pattern>
<mask id="mask10" x="0" y="0" width="640" height="1024">
<rect y="0" width="640" height="1024" style="fill:url(#pm10)"></rect>
</mask>
<pattern id="pm11" width="200" height="100" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="200" height="100" fill="white" style="clip-path: polygon(0 0, 0% 100%, 100% 100%);"></rect>
<rect x="0" y="0" width="200" height="100" fill="black" style="clip-path: polygon(100% 0, 0 0, 100% 100%);">
<animate attributeName="fill" from="black" to="white" begin="bpic2.begin;bpic7.begin;" dur="3" fill="freeze"></animate>
</rect>
</pattern>
<mask id="mask11" x="0" y="0" width="640" height="1024">
<rect y="0" width="640" height="1024" style="fill:url(#pm11)"></rect>
</mask>
</defs>

<image xlink:href="https://pic.imgdb.cn/item/641d8940a682492fccdf4511.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask10)">
<animate id="bpic0" attributeName="opacity" from="0" to="1" begin="0;epic11.end-3" dur="2" fill="freeze"></animate>
<animate id="epic0" attributeName="opacity" from="1" to="0" begin="bpic0.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d895fa682492fccdf7593.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask9)">
<animate id="bpic1" attributeName="opacity" from="0" to="1" begin="epic0.end-3" dur="2" fill="freeze"></animate>
<animate id="epic1" attributeName="opacity" from="1" to="0" begin="bpic1.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d897ca682492fccdf9f3b.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask11)">
<animate id="bpic2" attributeName="opacity" from="0" to="1" begin="epic1.end-3" dur="2" fill="freeze"></animate>
<animate id="epic2" attributeName="opacity" from="1" to="0" begin="bpic2.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8997a682492fccdfdcc9.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask7)">
<animate id="bpic3" attributeName="opacity" from="0" to="1" begin="epic2.end-3" dur="2" fill="freeze"></animate>
<animate id="epic3" attributeName="opacity" from="1" to="0" begin="bpic3.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8b49a682492fcce34d34.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask8)">
<animate id="bpic4" attributeName="opacity" from="0" to="1" begin="epic3.end-3" dur="2" fill="freeze"></animate>
<animate id="epic4" attributeName="opacity" from="1" to="0" begin="bpic4.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8b6aa682492fcce3b219.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask9)">
<animate id="bpic5" attributeName="opacity" from="0" to="1" begin="epic4.end-3" dur="2" fill="freeze"></animate>
<animate id="epic5" attributeName="opacity" from="1" to="0" begin="bpic5.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8b86a682492fcce40e6b.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask9)">
<animate id="bpic6" attributeName="opacity" from="0" to="1" begin="epic5.end-3" dur="2" fill="freeze"></animate>
<animate id="epic6" attributeName="opacity" from="1" to="0" begin="bpic6.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8ba0a682492fcce46074.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask11)">
<animate id="bpic7" attributeName="opacity" from="0" to="1" begin="epic6.end-3" dur="2" fill="freeze"></animate>
<animate id="epic7" attributeName="opacity" from="1" to="0" begin="bpic7.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8d52a682492fcce8166e.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask7)">
<animate id="bpic8" attributeName="opacity" from="0" to="1" begin="epic7.end-3" dur="2" fill="freeze"></animate>
<animate id="epic8" attributeName="opacity" from="1" to="0" begin="bpic8.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8d74a682492fcce8482c.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask9)">
<animate id="bpic9" attributeName="opacity" from="0" to="1" begin="epic8.end-3" dur="2" fill="freeze"></animate>
<animate id="epic9" attributeName="opacity" from="1" to="0" begin="bpic9.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8d90a682492fcce87107.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask7)">
<animate id="bpic10" attributeName="opacity" from="0" to="1" begin="epic9.end-3" dur="2" fill="freeze"></animate>
<animate id="epic10" attributeName="opacity" from="1" to="0" begin="bpic10.begin+8" dur="2" fill="freeze"></animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/641d8da5a682492fcce896ed.jpg" opacity="0" x="0" y="0" width="640" height="1024" preserveAspectRatio="none" mask="url(#mask9)">
<animate id="bpic11" attributeName="opacity" from="0" to="1" begin="epic10.end-3" dur="2" fill="freeze"></animate>
<animate id="epic11" attributeName="opacity" from="1" to="0" begin="bpic11.begin+8" dur="2" fill="freeze"></animate>
</image>

</svg>

                        </div>
<audio src="https://www.joy127.com/url/102394.mp3" loop autoplay id="ma" ></audio>
</div>
<script>
let audCtrl = document.querySelector('.heart');

let setState = (condi) =>        {
        if(condi)        {
                audCtrl.style.animationPlayState='running';
                svgContent.unpauseAnimations();
                svgf.style.visibility="visible";
                ma.play();
        }
        else {
                audCtrl.style.animationPlayState='paused';
                svgContent.pauseAnimations();
                svgf.style.visibility="hidden";
                ma.pause();
        }
};
audCtrl.onclick = () => setState(ma.paused);
setState(ma.played);

</script>

</div>
</div>
</div>

</div>
</div>

<div id="btn" type="button"></div>
</div>
</div>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></div><br><br><br><br><br>

九品莲花 发表于 2023-3-19 14:31:51

11111111111111111111111

九品莲花 发表于 2023-3-20 12:51:36

            <div class="cont-area">
                <div align="center" style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px">
<table align="center" background="底层图片地址" border="6" cellpadding="3" cellspacing="18" height="60" style="border-color: rgb(255, 0, 0);" title="古来稀编制" width="900">
       
                <tbody><tr>
                        <td>
                        <div align="center"><br></div><div align="center"><br></div><div align="center"><br></div><div align="center"><br></div>

                        <div align="center">&nbsp;</div>
                        </td>
                </tr>
       
</tbody></table>
</div>

<p>&nbsp;</p></div>

九品莲花 发表于 2023-3-20 12:58:21

哔哩哔哩_bilibili 视频演示：


<p><iframe allowfullscreen="true" border="0" frameborder="no" framespacing="0" height="500" scrolling="no" src="//player.bilibili.com/player.html?aid=906362293&bvid=BV1gM4y1X7R1&cid=992974232&page=1" width="760"></iframe></p>
<br><br><br>

<p><iframe allowfullscreen="true" border="1" frameborder="no" framespacing="0" height="500" scrolling="no" src="https://tv.sohu.com/s/sohuplayer/iplay.html?bid=387254776&autoplay=true&disablePlaylist=true" width="760"></iframe></p>

九品莲花 发表于 2023-3-20 13:26:48

<p><iframe allowfullscreen="true" border="0" frameborder="no" framespacing="0" height="500" scrolling="no" src="//player.bilibili.com/player.html?aid=906362293&bvid=BV1gM4y1X7R1&cid=992974232&page=1" width="760"></iframe></p>

哔哩哔哩网址：
https://player.bilibili.com/player.html?bvid=BV1hL411u7FS

九品莲花 发表于 2023-3-22 16:24:15

优酷网址：


https://player.youku.com/embed/XMTY0ODAzMzg4MA==

九品莲花 发表于 2023-3-22 17:00:25

<video src="https://link.hhtjim.com/kw/55990690.mp3" width="750" height="20" controls="" autoplay=""><ideo></ideo></video>

九品莲花 发表于 2023-3-28 20:30:32

<table align="center" bgcolor="blue" cellpadding="0" cellspacing="0" style="border-width: 160px 160px 0px 0px; border-color: currentColor; left: -2px; top: -16px; width: 950px; position: relative;">
        <tbody>
                <tr>
                        <td>
                        <div style="text-align: center;">&nbsp;</div>

                        <div style="text-align: center;">&nbsp;</div>

                        <div style="text-align: center;">
                        <div class="cont-area">
                        <div align="center" style="MARGIN-TOP: -20px; MARGIN-LEFT: -0px">
                        <table align="center" background="https://pic.imgdb.cn/item/641be515a682492fcc372599.jpg" border="6" cellpadding="3" cellspacing="18" height="60" style="border-color: rgb(255, 0, 0);" title="古来稀编制" width="866">
                                <tbody>
                                        <tr>
                                                <td>
                                                <div style="text-align: center;"><img src="https://pic.imgdb.cn/item/6426ac6ca682492fcce7d67d.jpg" width="800" /></div>

                                                <div style="text-align: center;">&nbsp;</div>

                                                <div style="text-align: center;">
                                                <table align="center" background="https://pic.imgdb.cn/item/6426b298a682492fccef7cfb.jpg" border="3" bordercolordark="#0000ff" cellpadding="1" cellspacing="2" controlslist="nodownload" style="WIDTH: 800px; HEIGHT: 1422px" width="630">
                                                        <tbody>
                                                                <tr>
                                                                        <td>
                                                                        <div style="MARGIN-TOP: -0px; MARGIN-LEFT:-50px">
                                                                        <div align="center">
                                                                        <style type="text/css">.div{ font-weight: bold; font-size: 40px; margin: 0px 0px; background-image:
linear-gradient(45deg, #f0f 0%, #ccc 30%, #00B4F1 0%, #ff0000 70%, #ff0000 0%, #f00 100%);
background-size: 35% 100%; -webkit-background-clip: text; background-clip: text; color:transparent;
/*background-position: 0% 100%;*/ animation: aitf 5s linear infinite; }
@keyframes aitf { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }
                                                                        </style>
                                                                        <div style="MARGIN-TOP: 880px; MARGIN-LEFT:80px">
                                                                        <div class="div"><span style="font-size:40px;">江南春<br />
                                                                        千里莺啼绿映红<br />
                                                                        作者：杜牧 唐代</span><br />
                                                                        <br />
                                                                        千里莺啼绿映红<br />
                                                                        水村山郭酒旗风<br />
                                                                        南朝四百八十寺<br />
                                                                        多少楼台烟雨中</div>
                                                                        </div>
                                                                        </div>
                                                                        </div>
                                                                        </td>
                                                                </tr>
                                                        </tbody>
                                                </table>
                                                </div>

                                                <div style="text-align: center;">&nbsp;</div>

                                                <div style="text-align: center;"><img src="https://pic.imgdb.cn/item/6426ac6ba682492fcce7d4bb.jpg" width="800" /></div>

                                                <div style="text-align: center;">&nbsp;</div>

                                                <div style="text-align: center;"><img src="https://pic.imgdb.cn/item/6426ac6ba682492fcce7d4d0.jpg" width="800" /></div>

                                                <div style="text-align: center;">&nbsp;</div>

                                                <div style="text-align: center;"><img src="https://pic.imgdb.cn/item/6426ac6ba682492fcce7d4f4.jpg" width="800" /></div>

                                                <div style="text-align: center;">&nbsp;</div>

                                                <div style="text-align: center;"><img src="https://pic.imgdb.cn/item/6426ac6ca682492fcce7d65a.jpg" width="800" /></div>

                                                <div style="text-align: center;">&nbsp;</div>

                                                <div style="text-align: center;"><img src="https://pic.imgdb.cn/item/6426ac6ca682492fcce7d605.jpg" width="800" /></div>

                                                <div style="text-align: center;">&nbsp;</div>

                                                <div style="text-align: center;"><img src="https://pic.imgdb.cn/item/6426ac6ca682492fcce7d59f.jpg" width="800" /></div>

                                                <div style="text-align: center;">&nbsp;</div>

                                                <div style="text-align: center;">
                                                <div><iframe frameborder="1" height="560" src="https://player.youku.com/embed/XMTUyNjA1MjI3Mg==" width="800"></iframe></div>
                                                </div>

                                                <div style="text-align: center;">&nbsp;</div>
                                                </td>
                                        </tr>
                                </tbody>
                        </table>

                        <p>&nbsp;</p>
                        </div>
                        </div>
                        </div>
                        </td>
                </tr>
        </tbody>
</table>

查看完整版本: 试帖