没去 发表于 2017-2-17 13:34:58

没去:这世界太大，我从不挣扎 <混头>

本帖最后由 没去 于 2017-2-17 13:34 编辑 <br /><br />       
                <meta charset="UTF-8">
                <style type="text/css">
                        #bzx{
                                width: 700px;
                                height:630px;
                                margin-bottom: 30px;
                                background:url("http://www.qqmcc.net/data/attachment/album/201702/03/115246ljy0synzk09k7fkf.jpg");
                                background-size:100% 100%;
                                position: absolute;
                                margin-left: 150px;
                                overflow: hidden;
                                margin-top: 30px;
                                z-index: 2;
                                text-align: center;
                                border-radius:8px ;
-moz-box-shadow: 0px 5px 5px #000000;
-webkit-box-shadow: 0px 5px 5px #000000;
box-shadow: 0px 5px 5px #000000;
                        }
                        #bzx:hover{
                                -moz-box-shadow: 0px 0px 0px #000000;
                                -webkit-box-shadow: 0px 0px 0px #000000;
                                box-shadow: 0px 0px 0px #000000;
                        }
                        #bzx_right_a{
                               
                                margin-top: 30px;
                                width: 200px;
                                height: 630px;
                                font-family: "仿宋";
                                z-index: 1;
                                text-align: right;
                                -webkit-animation-name: bounceInRight;
                                animation-name: bounceInRight;
                                -webkit-animation-duration:3s
                        }
                        #img_a{
                                width: 80px;
                                height: 80px;
                                margin-top: 40px;
                                border-radius:50%;
                                border: solid 1px rgba(0,10,9,0.8);
                                padding: 2px;
                                -moz-box-shadow: 0px 3px 5px #000000;
                                -webkit-box-shadow: 0px 3px 5px #000000;
                                box-shadow: 0px 3px 5px #000000;
                        }
                        #img_a:hover{
                                margin-right: 53px;
                                width: 100px;
                                height: 100px;
                        }
                        #bzx_right_a p{
                                width: 120px;
                                height: 40px;
                                line-height: 40px;
                                background: rgba(68,58,56,0.6);
                                -moz-box-shadow: 0px 3px 5px #000000;
                                -webkit-box-shadow: 0px 3px 5px #000000;
                                box-shadow: 0px 3px 5px #000000;
                                border-radius:5px ;
                                font-family: "仿宋";
                                margin-left: 80px;
                                text-align: center;
                                font-size:18px;
                        }
                        #bzx_right_a p:hover{
                                margin-left: 50px;
                                width: 150px;
                                background: rgba(68,58,56,0.2);
                                text-align: left;
                                padding:4px;
                                color:white;
                        }
                        #bzx_right_a input{
                                width: 120px;
                                height: 40px;
                                line-height: 40px;
                                margin-top: 10px;
                                background:rgba(68,58,56,0.6);
                                -moz-box-shadow: 0px 3px 5px #000000;
                                -webkit-box-shadow: 0px 3px 5px #000000;
                                box-shadow: 0px 3px 5px #000000;
                                border-radius:5px ;
                                border: none;
                                font-family: "仿宋";
                                text-align: center;
                               
                                font-size:18px;
                        }
                        #bzx_right_a input:hover{
                                margin-left: 43px;
                                width: 150px;
                                background: rgba(68,58,56,0.2);
                                text-align: left;
                                padding:2px;
                                color:white;
                        }
                        #bzx_left_a{
                                float: left;
                        }
                        .clear{
                                clear: both;
                        }
                        #input_a{
                                width: 300px;
                                border: none;
                                background: rgba(255, 255, 255,0.5);
                                border-radius:8px ;
                                height: 30px;
                                line-height: 20px;
                                margin-left: 155px;
                        }
                        #input_a:hover{
                                background: white;
                        }
                        #button2:hover{
                                background: white;
                        }
                        #button2{
                                margin-left: 30px;
                                border: none;
                                margin-top: 25px;
                                border-radius:8px ;
                                width:75px;
                                text-align:center;
                                height: 29px;
                                line-height: 29px;
                                background: rgba(255, 255, 255,0.5);
                        }
                        #bzx img{
                                width: 120px;
                                height: 120px;
                                border-radius:4px;
                                margin: 3px;
                        }
                        #bzx_left_b{
                                margin-top: 30px;
                                -webkit-animation-name: bounceInLeft;
                                animation-name: bounceInLeft;
                                -webkit-animation-duration:1s
                        }
                        #bzx_left_c{
                                -webkit-animation-name: bounceInLeft;
                                animation-name: bounceInLeft;
                                -webkit-animation-duration:1.5s
                        }
                        #bzx_left_d{
                                -webkit-animation-name: bounceInLeft;
                                animation-name: bounceInLeft;
                                -webkit-animation-duration:2s
                        }
                        #bzx_left_e{
                                -webkit-animation-name: bounceInLeft;
                                animation-name: bounceInLeft;
                                -webkit-animation-duration:2.5s
                        }
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
}

60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
}

75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
}

to {
    -webkit-transform: none;
    transform: none;
}
}

@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
}

60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
}

75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
}

to {
    -webkit-transform: none;
    transform: none;
}
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
}

60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
}

75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}

90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
}

to {
    -webkit-transform: none;
    transform: none;
}
}

@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
}

60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
}

75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}

90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
}

to {
    -webkit-transform: none;
    transform: none;
}
}

                </style>
       
       
                <div id="bzx">
                        <div id="bzx_left_a">
                                <input id="input_a"/><button id="button2">GONOW</button>
                        </div>
                        <div class="clear"></div>
                        <div id="bzx_left_b">
http://www.qqmcc.net/data/attachment/album/201702/17/131028taztnmrgttt77hla.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131036iooxtaltovcyliar.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131037y7intv7mxm7bb3g9.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131037vfw35yafbb5wz6ff.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131037ucg50ocpiio1ighp.jpeg
                        </div>
                        <div id="bzx_left_c">
http://www.qqmcc.net/data/attachment/album/201702/17/131038cy4iplnc6dorpjdj.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131038zd4da6doxfxth6df.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131038p9mufuo8fmn4afqs.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131038py2il7yri1275nrz.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131039ft8nqzsr43r8p488.jpeg
                        </div>
                        <div id="bzx_left_d">
http://www.qqmcc.net/data/attachment/album/201702/17/131049g3ndzdnn2nn009bp.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131049z77r4kemkk7m4rln.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131049naxt0x9dy0jydy9n.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131050mpm356h4p23twycm.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131050jbfwu0l1zwsxsqrx.jpeg
                        </div>
                        <div id="bzx_left_e">
http://www.qqmcc.net/data/attachment/album/201702/17/131050mt0cwxjojl10b3wz.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131051siy4wvvvun11kmv4.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131051adg1yrh6sfaignih.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131052jn58qnuzucm3rfb3.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131052s1otvpygyttyfvvp.jpeg
                        </div>
                </div>
                <div id="bzx_right">
                        <div id="bzx_right_a">
                                <img src="http://www.qqmcc.net/data/attachment/album/201702/17/131039ft8nqzsr43r8p488.jpeg" id="img_a"/>
                                <p style="margin-top:30px;"><img src="http://www.qqmcc.net/data/attachment/album/201702/10/132648wbyqbqy82r6ssbdz.png" style="margin-top: 8px;"></p>
                                <input type="button" id="input1" value="没去">
                                <p style="margin-top:10px;">UID:12345</p>
                                <input type="button" id="input1" value="留言">
                                <input type="button" id="input1" onmouseover="btn1()" value="定制">
                        </div>
                </div>
        <script>
                function btn1(){
                    alert("QQ：508170051");
                }               
</script>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=1 height=1 src="//music.163.com/outchain/player?type=2&id=451126768&auto=1&height=66"></iframe>

没去 发表于 2017-2-17 13:34:59

本帖最后由 没去 于 2017-2-17 13:18 编辑 <br /><br /><div id="bzx">
                        <div id="bzx_left_a">
                                <input id="input_a"/><button id="button2">GONOW</button>
                        </div>
                        <div class="clear"></div>
                        <div id="bzx_left_b">
http://www.qqmcc.net/data/attachment/album/201702/17/131748xb8518thfxie82ki.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131747uh4xejhyojjruyou.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131747awvsaxh1a7w7xfji.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131747mwg5yr11rrmg5np3.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131746j1vvhyh1s55ghj55.jpeg
                        </div>
                        <div id="bzx_left_c">
http://www.qqmcc.net/data/attachment/album/201702/17/131746ce2y090w2zppp0g4.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131746ll1zq3fk18m6pl3k.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131744h55nwqq1aiq5f1rk.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131744l03409ww0wr7ad8a.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131744u0fm91fm7imi7t29.jpeg
                        </div>
                        <div id="bzx_left_d">
http://www.qqmcc.net/data/attachment/album/201702/17/131736auycnzxj22tc992l.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131736rmzl91929lqnl95t.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131735zjulw94t494ffxgu.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131735mcedkuudauid9o7c.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131735cvyja9mcz434y329.jpeg
                        </div>
                        <div id="bzx_left_e">
http://www.qqmcc.net/data/attachment/album/201702/17/131734nwhhgfm92h9262mf.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131734qax1la5t7tlolx5a.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131734yt0t5t1ft0euu1ux.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131733an8va8osjzqdv4na.jpeghttp://www.qqmcc.net/data/attachment/album/201702/17/131733b1j0yghi30g045og.png
                        </div>
                </div>
                <div id="bzx_right">
                        <div id="bzx_right_a">
                               
                        </div>
                </div>

没去 发表于 2017-2-17 13:35:00

本帖最后由 QQmcc-南鸢 于 2017-2-18 02:31 编辑 <br /><br />**** Hidden Message *****

QQmcc-没来 发表于 2017-2-17 13:35:36

占楼

1029193691 发表于 2017-2-17 14:02:54

{:1_91:}{:1_91:}

1029193691 发表于 2017-2-17 14:03:13

最渺小的我 有大大的梦

阿水怪噢 发表于 2017-2-17 14:09:07

我就看看

QQmcc-千惠 发表于 2017-2-17 14:12:37

占楼 不编辑      

shy 发表于 2017-2-17 14:21:56

{:1_125:}{:1_125:}{:1_125:}厉害 星星眼

梦不到的情人 发表于 2017-2-17 14:36:42

感谢分享。
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 没去:这世界太大，我从不挣扎 <混头>