八月十九 发表于 2017-1-7 21:35:56

【Concerto Pour Deux Voix】- Saint-Preux - 你一定听过的神级背景音乐。

本帖最后由 八月十九 于 2017-1-7 21:41 编辑 <br /><br /><style>
#lanren #audio-btn{width: 44px;height: 44px; margin:auto;background-size: 100% 100%;}
#lanren .on{background: url('https://ws1.sinaimg.cn/large/e8f236c4jw1fbfrl0cnxfj2018018741.jpg') no-repeat 0 0;-webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;}
#lanren .off{background: url('https://ws4.sinaimg.cn/large/e8f236c4jw1fbfrl0e1uqj2018018mwx.jpg') no-repeat 0 0;}
@-webkit-keyframes rotating {
        from{
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        to{
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
        }
}
@keyframes rotating {
    from{
      -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to{
      -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}
</style>
<style>
#bga { width:100%;height:730px; background: #111; }
#toub { margin:auto; background: #111; padding-top: 100px;width:62px;}
#toub p { width: 62px; height: 62px; background: #fff; border-radius: 100%; font-size: 35px; text-align: center; font-family: Times New Roman;}
#toub li { height: 96px; width: 88%; padding: 0 0 0px 20px; border-left: 2px solid silver; list-style: none; margin-left: 30px;}
#toub i { padding: 3px; margin-left: -26.01px; display: block; position: absolute; background: #fff; border: 1px solid #fff; border-radius: 5px; margin-top: 97px; }
#toub span { margin: 0; height: 3px; width: 3px; background-color: #afafaf; border-radius: 50px; float: left;}
#txtx { width: 190px; margin: auto; margin-top: 30px;height:300px;}
#hdong img { width: 100px; float: right; -moz-transition:all .5s ease;-o-transition:all .8s ease;transition:all .5s ease;border-radius: 50px 0;}
#hdong img:hover { border-radius: 0 50px; }
#txtx li { width: 15px; float: left; list-style: none; color: #ccc; margin-top: -4px;margin-left:0px;}
#txtx p { width: 20px; font-size: 12px; color: #fff; float: left; padding-left: 1px; margin-top: -4px;}
#hdong {float: right;width:100px;}
#hdong a { color: #ccc; text-decoration: none; padding-left: 1px; }
#hdong a:hover { color:#fff;}
#yincang {width:500px;height:100px;margin:auto;}
</style>

<div id="bga" class="a-flipinX">
<div id="toub">
<div id="lanren" style=" margin-bottom: -53px;">
<div id="audio-btn" class="on" onclick="lanren.changeClass(this,'media')">
        <audio loop="loop" src="http://p2.music.126.net/tc-XvFhzPvDK5gxfjL8PUw==/2073678929998720.mp3" id="media" preload="preload"></audio>
</div>
</div>
<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>
<script>
var lanren = {
        changeClass: function (target,id) {
               var className = $(target).attr('class');
               var ids = document.getElementById(id);
               (className == 'on')
                 ? $(target).removeClass('on').addClass('off')
                 : $(target).removeClass('off').addClass('on');
               (className == 'on')
                 ? ids.pause()
                 : ids.play();
           },
        play:function(){
                document.getElementById('media').play();
        }
}
lanren.play();
</script>
<p></p>
<li><i><span></span></i></li>
</div>
<div id="txtx">
<div id="hdong">
<img src="https://ws1.sinaimg.cn/large/e8f236c4jw1fb5nenb3nvj205k05k0sk.jpg"/>
<a href="http://lomoclub.cc/home.php?mod=spacecp&amp;ac=friend&amp;op=add&amp;uid=11217&amp;handlekey=adduserhk_11217" id="a_friend_2" onclick="showWindow(this.id, this.href, 'get', 0);" title="加为好友">加为好友</a>
<a class="xi2" title="目前单身中" href="javascript:;" onclick="showWindow('cupidinvite', 'plugin.php?id=xfu_160661&amp;mod=cupid&amp;action=invite&amp;uid=11217'); return false;">追求他</a>
</div>
<li>我知道日子难过</li>
<li>可这也太他妈难过了吧</li>
<p>八月十九</p>
</div>
<div id="yincang">
**** Hidden Message *****</div>
表格出自 UID:11217
</div>

八月十九 发表于 2017-1-7 21:39:25

本帖最后由 八月十九 于 2017-1-7 21:47 编辑





通讯录被我弄没了，留下你的号码我存下。

QQmcc-没来 发表于 2017-1-7 21:39:52

感谢分享    加油。

阿水怪噢 发表于 2017-1-7 21:54:00

110112119 你存吧

你要梦见我 发表于 2017-1-7 23:51:16

- -感觉听过又没听过?!

猪头笑话 发表于 2017-1-8 01:49:50

感谢分享   

咩宝宝 发表于 2017-1-8 01:52:34

感谢分享               

Zeer丶 发表于 2017-1-8 08:38:01











期待更新~

你最好恨我 发表于 2017-1-8 11:35:33

你最好恨我

我是喬碧落呀 发表于 2019-10-4 18:37:40

有地址嗎放空間的那種
页: [1] 2
查看完整版本: 【Concerto Pour Deux Voix】- Saint-Preux - 你一定听过的神级背景音乐。