Logo CloudLunar

    7ers期末演唱会大屏幕/index.html

    提示
    这是7ers期末演唱会大屏幕的子页面。
    显示/移除行号
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4.  <title>title</title>
    5.  <script src="./js/jq.js" type="text/javascript"></script>
    6.  <script src="./js/bootstrap.min.js" type="text/javascript"></script>
    7.  <link href="./js/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />
    8.  <script type="text/javascript" src="./js/jquery.jplayer.min.js"></script>
    9.  <script type="text/javascript" src="./js/add-on/jquery.jplayer.inspector.js"></script>
    10.  <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    11.  
    12.  <style type="text/css"> 
    13.   p,input,a,span,div,a,h1{
    14.    font-family:"微软雅黑","黑体";
    15.    vertical-align:middle;
    16.   }
    17.   #WeiboCo,#WeiboR,#WeiboC{
    18.    color:white;
    19.    background-color:orange;
    20.    font-size:37px;
    21.    height:45px;
    22.    padding:5px;
    23.   }
    24.   .Mains{
    25.    padding-top:40px;
    26.    padding-right:20px;
    27.    padding-left:20px;
    28.    
    29.    height:630px;
    30.    width:980px;
    31.   }
    32.   #MainCo{
    33.    height:300px;
    34.    display:block;
    35.   }
    36.   #CurCo{
    37.    background-color:#00AA88;
    38.    height:100%;
    39.    text-align:center;
    40.    display:inline;
    41.   }
    42.   #CurUserName{
    43.    height:100%;
    44.    display:inline;
    45.    background-color:#00AA88;
    46.    vertical-align:middle;
    47.    text-align:center;
    48.    font-size:40px;
    49.   }
    50.   #CurUserNameP{
    51.    padding-top:35%;
    52.    line-height:100%;
    53.   }
    54.   #CurUserSong{
    55.    height:9%;
    56.    width:80%;
    57.    display:inline;
    58.    margin-top:7%;
    59.   }
    60.   #CurUserSong{
    61.    width:80%;
    62.    height:20%;
    63.    font-size:35px;
    64.   }
    65.   #EnterMusic{
    66.    width:20%;
    67.    height:20%;
    68.    font-size:40px;
    69.    padding-top:5%;
    70.    margin-top:5%;
    71.   }
    72.   #SingerCo{
    73.    display:block;
    74.    height:150px;
    75.    text-align:center;
    76.    margin-top:3%;   
    77.   }
    78.   .Singer{
    79.    width:9%;
    80.    height:70%;
    81.    font-size:25px;
    82.    padding-top:3.5%;
    83.    line-height:100%;
    84.   }
    85.   #SingerInfoCo{
    86.    margin-top:30%;
    87.    filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
    88.    -moz-opacity:0.5; /*Firefox私有，透明度50%*/
    89.    opacity:0.5;/*其他，透明度50%*/
    90.   }
    91.   #SingerInfo{
    92.    font-size:35px;
    93.    line-height:110%;
    94.   }
    95.   .bold{
    96.    font-weight:bold;
    97.   }
    98.   #PlayingMusic{
    99.    font-size:40px;
    100.    font-weight:bold;
    101.    color:white;
    102.   }
    103.   #jqplayer{
    104.    filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
    105.    -moz-opacity:0.7; /*Firefox私有，透明度50%*/
    106.    opacity:0.7;/*其他，透明度50%*/
    107.   }
    108.   #imgbg{
    109.    right: 0; 
    110.    bottom: 0;
    111.    width:1024px;
    112.    height:768px;
    113.    position: absolute;
    114.    top: 0; 
    115.    left: 0; 
    116.    z-index: -1;
    117.    display:none;
    118.   }
    119.   .Score{
    120.    font-size:14px;
    121.    line-height:100%;
    122.    filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
    123.    -moz-opacity:0.7; /*Firefox私有，透明度50%*/
    124.    opacity:0.7;/*其他，透明度50%*/
    125.   }
    126.   .scores{
    127.    font-size:30px;
    128.   }
    129.   #Text{
    130.    line-height:100%;
    131.    font-size:25px;
    132.    text-align:center;
    133.   }
    134.   #PB{
    135.    font-size:25px;
    136.   }
    137.  </style>
    138.  <script src="./setting.js" type="text/javascript"></script>
    139.  <script type="text/javascript"> /*微博导航栏部分*/
    140.    var WeiUed=new Array();
    141.   /*== 读取微博讯息 ==================*/
    142.    var WeiboUrl='http://widget.weibo.com/livestream/listlive.php?language=zh_cn&atopic='+encodeURIComponent(WeiboTopic)+' .liveStream_main_feed';
    143.     function NormalIt(id){
    144.      var IdS=parseInt($('#Score'+id).html());
    145.      $('#Singer'+id).removeClass('btn-primary btn-danger btn-inverse btn-info btn-success btn-warning');
    146.      if(IdS<Lv[0]){
    147.       $('#Singer'+id).addClass('btn-inverse');
    148.      }else if(IdS<Lv[1]){
    149.       $('#Singer'+id).addClass('btn-info');
    150.      }else if(IdS<Lv[2]){
    151.       $('#Singer'+id).addClass('btn-success');
    152.      }else if(IdS<Lv[3]){
    153.       $('#Singer'+id).addClass('btn-warning');
    154.      }else if(IdS<Lv[4]){
    155.       $('#Singer'+id).addClass('btn-primary');
    156.      }else{
    157.       $('#Singer'+id).addClass('btn-danger');
    158.      }
    159.    }
    160.    function ChooseIt(id){
    161.     $('#Singer'+id).removeClass('btn-primary btn-danger btn-inverse btn-info btn-success btn-warning');
    162.     $('#Singer'+id).addClass('btn');
    163.    }
    164.    function WeiboUpdate(){
    165.     $("#WeiboOri").load(WeiboUrl,function(){
    166.      var WeiboV=WeiboIc+WeiboAlert+'&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp',i,j,k;
    167.      for(i=1,j=1;j<=10;++i,++j){
    168.             var WeiC=$(".liveStream_mainFeed_listContent_txt:eq("+(i-1)+")").html();
    169.             var WeiT=$(".liveStream_mainFeed_listContent_actionTime:eq("+(i-1)+")").text();
    170.       if(WeiC!=null){
    171.               if(WeiC.match(WeiboP)!=null){/*关键词屏蔽*/
    172.         --j;
    173.         continue;
    174.               }
    175.        if(j<=WeiboNum)WeiboV+=$(".liveStream_mainFeed_listPic:eq("+(i-1)+")").html()+'<a title="@" target="_blank">@</a>'+WeiC+'<span style="color:grey">('+WeiT+')</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp';
    176.        if(WeiUed[WeiC]!=1){
    177.         for(k=1;k<=8;++k){
    178.          if(WeiC.match(WeiboName[k])!=null){
    179.           WeiUed[WeiC]=1;
    180.           $("#Score"+k).html((parseInt($("#Score"+k).html())+1));
    181.          }
    182.         }
    183.               }
    184.       }else{
    185.        break;
    186.       }
    187.      }
    188.      WeiboV+='<span id="PB">'+WeiboIc+AW1+'&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>';
    189.      $("#WeiboC").html(WeiboV);
    190.       var Q;
    191.       for(Q=1;Q<=8;++Q){
    192.        if(Q!=ActiveS)
    193.         NormalIt(Q);
    194.       }
    195.      setTimeout(function(){WeiboUpdate();},UpdateTimeout);
    196.     });
    197.    };
    198.   /*== 滚动条插件 ==================*/
    199.    (function ($) {
    200.     $.fn.marquee = function (klass) {
    201.      var newMarquee = [],
    202.       last = this.length;
    203.      function getReset(newDir, marqueeRedux, marqueeState) {
    204.       var behavior = marqueeState.behavior, width = marqueeState.width, dir = marqueeState.dir;
    205.       var r = 0;
    206.       if (behavior == 'alternate') {
    207.        r = newDir == 1 ? marqueeRedux[marqueeState.widthAxis] - (width*2) : width;
    208.       } else if (behavior == 'slide') {
    209.        if (newDir == -1) {
    210.         r = dir == -1 ? marqueeRedux[marqueeState.widthAxis] : width;
    211.        } else {
    212.         r = dir == -1 ? marqueeRedux[marqueeState.widthAxis] - (width*2) : 0;
    213.        }
    214.       } else {
    215.        r = newDir == -1 ? marqueeRedux[marqueeState.widthAxis] : 0;
    216.       }
    217.       return r;
    218.      }
    219.      function animateMarquee() {
    220.       var i = newMarquee.length,
    221.        marqueeRedux = null,
    222.        $marqueeRedux = null,
    223.        marqueeState = {},
    224.        newMarqueeList = [],
    225.        hitedge = false;
    226.        
    227.       while (i--) {
    228.        marqueeRedux = newMarquee[i];
    229.        $marqueeRedux = $(marqueeRedux);
    230.        marqueeState = $marqueeRedux.data('marqueeState');
    231.        
    232.        if ($marqueeRedux.data('paused') !== true) {
    233.         marqueeRedux[marqueeState.axis] += (marqueeState.scrollamount * marqueeState.dir);
    234.         hitedge = marqueeState.dir == -1 ? marqueeRedux[marqueeState.axis] <= getReset(marqueeState.dir * -1, marqueeRedux, marqueeState) : marqueeRedux[marqueeState.axis] >= getReset(marqueeState.dir * -1, marqueeRedux, marqueeState);
    235.         
    236.         if ((marqueeState.behavior == 'scroll' && marqueeState.last == marqueeRedux[marqueeState.axis]) || (marqueeState.behavior == 'alternate' && hitedge && marqueeState.last != -1) || (marqueeState.behavior == 'slide' && hitedge && marqueeState.last != -1)) {                        
    237.          if (marqueeState.behavior == 'alternate') {
    238.           marqueeState.dir *= -1; 
    239.          }
    240.          marqueeState.last = -1;
    241.          $marqueeRedux.trigger('stop');
    242.          marqueeState.loops--;
    243.          
    244.          if (marqueeState.loops === 0) {
    245.           if (marqueeState.behavior != 'slide') {
    246.            marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
    247.           } else {
    248.            marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir * -1, marqueeRedux, marqueeState);
    249.           }
    250.           $marqueeRedux.trigger('end');
    251.          } else {
    252.           newMarqueeList.push(marqueeRedux);
    253.           $marqueeRedux.trigger('start');
    254.           marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
    255.          }
    256.         } else {
    257.          newMarqueeList.push(marqueeRedux);
    258.         }
    259.         marqueeState.last = marqueeRedux[marqueeState.axis];
    260.         $marqueeRedux.data('marqueeState', marqueeState);
    261.        } else {
    262.         newMarqueeList.push(marqueeRedux);                    
    263.        }
    264.       }
    265.       newMarquee = newMarqueeList;
    266.       
    267.       if (newMarquee.length) {
    268.        setTimeout(animateMarquee, WeiboSpeed);
    269.       }            
    270.      }
    271.      this.each(function (i) {
    272.       var $marquee = $(this),
    273.        width = $marquee.attr('width') || $marquee.width(),
    274.        height = $marquee.attr('height') || $marquee.height(),
    275.        $marqueeRedux = $marquee.after('<div ' + (klass ? 'class="' + klass + '" ' : '') + 'style="display: block-inline; width: ' + width + 'px; height: ' + height + 'px; overflow: hidden;"><div style="float: left; white-space: nowrap;">' + $marquee.html() + '</div></div>').next(),
    276.        marqueeRedux = $marqueeRedux.get(0),
    277.        hitedge = 0,
    278.        direction = ($marquee.attr('direction') || 'left').toLowerCase(),
    279.        marqueeState = {
    280.         dir : /down|right/.test(direction) ? -1 : 1,
    281.         axis : /left|right/.test(direction) ? 'scrollLeft' : 'scrollTop',
    282.         widthAxis : /left|right/.test(direction) ? 'scrollWidth' : 'scrollHeight',
    283.         last : -1,
    284.         loops : $marquee.attr('loop') || -1,
    285.         scrollamount : $marquee.attr('scrollamount') || this.scrollAmount || 2,
    286.         behavior : ($marquee.attr('behavior') || 'scroll').toLowerCase(),
    287.         width : /left|right/.test(direction) ? width : height
    288.        };
    289.       if ($marquee.attr('loop') == -1 && marqueeState.behavior == 'slide') {
    290.        marqueeState.loops = 1;
    291.       }
    292.       $marquee.remove();
    293.       if (/left|right/.test(direction)) {
    294.        $marqueeRedux.find('> div').css('padding', '0 ' + width + 'px');
    295.       } else {
    296.        $marqueeRedux.find('> div').css('padding', height + 'px 0');
    297.       }
    298.       $marqueeRedux.bind('stop', function () {
    299.        $marqueeRedux.data('paused', true);
    300.       }).bind('pause', function () {
    301.        $marqueeRedux.data('paused', true);
    302.       }).bind('start', function () {
    303.        $marqueeRedux.data('paused', false);
    304.       }).bind('unpause', function () {
    305.        $marqueeRedux.data('paused', false);
    306.       }).data('marqueeState', marqueeState); 
    307.       newMarquee.push(marqueeRedux);
    308.       marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
    309.       $marqueeRedux.trigger('start');
    310.       
    311.       if (i+1 == last) {
    312.        animateMarquee();
    313.       }
    314.      });            
    315.      return $(newMarquee);
    316.     };
    317.    }(jQuery));
    318.    
    319.   
    320.   
    321.  </script>
    322.  <script type="text/javascript">/*选手界面*/
    323.   var ActiveS=0,DisS=[0,0,0,0,0,0,0,0,0],PlayID=0,AllSN=PN,u=0;
    324.   function Active(id){
    325.    if(ActiveS!=0){
    326.     NormalIt(ActiveS);    
    327.    }
    328.    if(DisS[id]==1)return;
    329.    if(id!=0){
    330.     ChooseIt(id); 
    331.     $("#CurUserNameP").html(SingerD[id]);
    332.     $("#CurUserSong").attr("value",SongN[id]);
    333.    }
    334.    if(id==0){
    335.     $('#EnterMusic').addClass("disabled");
    336.     $("#CurUserNameP").html('?');
    337.     $("#CurUserSong").attr("value",'接下来是哪一首歌呢？');
    338.    }
    339.    ActiveS=id;
    340.   }
    341.   function GetRandomNum(Min,Max){   
    342.    var Range = Max - Min;   
    343.    var Rand = Math.random();   
    344.    return(Min + Math.round(Rand * Range));   
    345.   }
    346.   function ActiveNext(){
    347.    var tt=ActiveS%8+1;
    348.    while(DisS[tt]==1)
    349.     tt=tt%8+1
    350.    Active(tt);
    351.   }
    352.   function RandomChoose(){
    353.    var i,j;
    354.    u=1;
    355.    $('#EnterMusic').addClass("disabled");
    356.    for(i=0;i<=GetRandomNum(1000,2000);i+=50)
    357.     setTimeout(function(){ActiveNext();},i);
    358.    for(j=0;j<=GetRandomNum(1000,3000);i+=100,j+=100){
    359.     setTimeout(function(){ActiveNext();},i);
    360.    }
    361.    for(j=0;j<=GetRandomNum(0,4000);i+=800,j+=800){
    362.     setTimeout(function(){ActiveNext();},i);
    363.    }
    364.    setTimeout(function(){$('#EnterMusic').removeClass("disabled");u=0;},i+10);
    365.   }
    366.   $(document).ready(function(){
    367.    $('#Text').html(Texts);
    368.    var p;
    369.    for(p=PN+1;p<=8;++p){
    370.     $('#Singer'+p).css('display','none');
    371.     DisS[p]=1;
    372.    }
    373.    $("title").html(Title);
    374.    $("#WeiboR").marquee();
    375.    WeiboUpdate();
    376.    $("#AlertI").html(AlertD);
    377.    $("#AlertModal").modal('show');
    378.    $("#Main").slideDown('slow');
    379.    for(i=1;i<=8;++i){
    380.     $("#Singer"+i).html(SingerN[i]+'<br/><span class="Score">微博人气<br><span class="scores" id="Score'+i+'">0</span></span>');
    381.     NormalIt(i);
    382.    }
    383.    $('#Singer1').click(function(){Active(1);$('#EnterMusic').removeClass("disabled");});
    384.    $('#Singer2').click(function(){Active(2);$('#EnterMusic').removeClass("disabled");});
    385.    $('#Singer3').click(function(){Active(3);$('#EnterMusic').removeClass("disabled");});
    386.    $('#Singer4').click(function(){Active(4);$('#EnterMusic').removeClass("disabled");});
    387.    $('#Singer5').click(function(){Active(5);$('#EnterMusic').removeClass("disabled");});
    388.    $('#Singer6').click(function(){Active(6);$('#EnterMusic').removeClass("disabled");});
    389.    $('#Singer7').click(function(){Active(7);$('#EnterMusic').removeClass("disabled");});
    390.    $('#Singer8').click(function(){Active(8);$('#EnterMusic').removeClass("disabled");});
    391.    $('#EnterMusic').click(function(){
    392.     if(ActiveS!=0&&u==0){
    393.      DisS[ActiveS]=1;
    394.      $('#Singer'+ActiveS).addClass('disabled');
    395.      PlayID=ActiveS;
    396.      $('#PlayingMusic').html(SongN[PlayID]);
    397.      $('#PlayingSinger').html(SingerD[PlayID]);
    398.      $('#PlayingOri').html(OriN[PlayID]);
    399.      --AllSN;
    400.      $('#imgbg').attr('src','./jpg/'+ActiveS+'.jpg');
    401.      $('#Main').slideUp(1000,function(){Active(0);});
    402.      $('#imgbg').fadeIn(2500);
    403.      $('#MainPlay').fadeIn(2500);
    404.      $("#jquery_jplayer_1").jPlayer({
    405.       volume: 1,
    406.       swfPath: "./js",
    407.       supplied: "mp3",
    408.       wmode: "window",
    409.       smoothPlayBar: true,
    410.       keyEnabled: true
    411.      });
    412.      $("#jquery_jplayer_1").jPlayer("setMedia", {mp3:"./mp3/"+PlayID+".mp3"});
    413.      if(MusicTime!=-1)
    414.       setTimeout(function(){$("#jquery_jplayer_1").jPlayer( "play",1);},MusicTime);
    415.     }
    416.    });
    417.    $('#CurUserNameP').click(function(){
    418.     if($('#CurUserNameP').html()=='?'){
    419.      RandomChoose();
    420.     }
    421.    });
    422.    $('#StopPlaying').click(function(){
    423.     $("#jquery_jplayer_1").jPlayer( "stop");
    424.     $('#imgbg').fadeOut(2500);
    425.     $('#MainPlay').fadeOut(2500);
    426.     $('#Main').slideDown(1000);
    427.     if(AllSN==1){
    428.      ActiveNext();
    429.      $('#EnterMusic').removeClass("disabled");u=0;
    430.     }
    431.     if(AllSN==0){
    432.      $("#CurUserNameP").html('★');
    433.      $("#CurUserSong").attr("value",'本场演唱会到此结束，谢谢大家！');
    434.     }
    435.    });
    436.    $("#WA").click(function(){WeiboUpdate();});
    437.   });
    438.  </script>
    439.  
    440. </head>
    441. <body class="row-fluid">
    442.  <div id="WeiboOri" style="display:none"></div>
    443.  <div id="WeiboCo"><div id="WeiboR" loop=1><p id="WeiboC">Welcome</p></div></div>
    444.  <div class="modal" id="AlertModal">
    445.    <div class="modal-header">
    446.   <a class="close" data-dismiss="modal">×</a>
    447.   <h3>提示</h3>
    448.    </div>
    449.    <div class="modal-body">
    450.   <p id="AlertI">！</p>
    451.    </div>
    452.    <div class="modal-footer">
    453.   <a href="#" class="btn btn-primary" onclick="$('#AlertModal').modal('hide')">确认</a>
    454.    </div>
    455.  </div>
    456.  <div id="Main" class="Mains" style="display:none;">
    457.   <div id="MainCo">
    458.    <div id="CurUserName" class="span4"><p id="CurUserNameP">?</p></div>
    459.    <div id="CurCo" class="span8">
    460.     <input id="CurUserSong" class="focused input-xlarge"type="text" value="接下来是哪一首歌呢？"/>
    461.     <br/>
    462.     <a href="#" class="btn btn-danger disabled" id="EnterMusic">Music</a>
    463.    </div>
    464.   </div>
    465.   <div id="SingerCo">
    466.    <a id="Singer1" class="btn Singer">某某某</a>
    467.    <a id="Singer2" class="btn Singer">某某某</a>
    468.    <a id="Singer3" class="btn Singer">某某某</a>
    469.    <a id="Singer4" class="btn Singer">某某某</a>
    470.    <a id="Singer5" class="btn Singer">某某某</a>
    471.    <a id="Singer6" class="btn Singer">某某某</a>
    472.    <a id="Singer7" class="btn Singer">某某某</a>
    473.    <a id="Singer8" class="btn Singer">某某某</a>
    474.   </div>
    475.   <div id="Text"></div>
    476.  </div>
    477.  <div id="MainPlay" class="Mains" style="display:none;">
    478.   
    479.   <section id="jqplayer">
    480.    
    481.   <div id="jquery_jplayer_1" class="jp-jplayer" style="position:absolute;"></div>
    482.   <div id="jp_container_1" class="jp-audio" style="auto;position:absolute;margin-left:55%;">
    483.    <div class="jp-type-single">
    484.     <div class="jp-gui jp-interface">
    485.      <ul class="jp-controls">
    486.       <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
    487.       <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
    488.       <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
    489.       <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
    490.       <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
    491.       <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
    492.      </ul>
    493.      <div class="jp-progress">
    494.       <div class="jp-seek-bar">
    495.        <div class="jp-play-bar"></div>
    496.       </div>
    497.      </div>
    498.      <div class="jp-volume-bar">
    499.       <div class="jp-volume-bar-value"></div>
    500.      </div>
    501.      <div class="jp-current-time"></div>
    502.      <div class="jp-duration"></div>
    503.      <ul class="jp-toggles">
    504.       <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
    505.       <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
    506.      </ul>
    507.     </div>
    508.     <div class="jp-title">
    509.      <ul>
    510.       <li>本页面由<a href="http://www.tupulin.com">兔普林</a><a href="http://huati.weibo.com/125710">#7ers期末演唱会#</a>提供</li>
    511.      </ul>
    512.     </div>
    513.     <div class="jp-no-solution">
    514.      <span>Update Required</span>
    515.      To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
    516.     </div>
    517.    </div>
    518.   </div>
    519.   </section>
    520.   <div id="SingerInfoCo" class="alert alert-success  span6">
    521.    <a id="StopPlaying" class="close">×</a>
    522.    <div id="SingerInfo">
    523.     <h1 id="PlayingMusic">Name</h1>
    524.     <p><span class="bold">演唱者:</span><span id="PlayingSinger">Sb</span></p>
    525.     <p><span id="PlayingOri" style="color:yellow;">Nothing</span></p>    
    526.    </div>
    527.   </div>
    528.  </div>
    529.  <img id="imgbg" src="./jpg/1.jpg" width="100%" height="100%" />
    530. </body>
    531. </html>
    取自“https://blog.CloudLunar.com/index.php?title=7ers期末演唱会大屏幕/index.html&oldid=300”
    分享ShareQQ空间新浪微博人人网一键分享TwitterFacebook

    著作权声明[编辑]

    关于[编辑]