如何在此弹出窗口中添加关闭按钮

时间:2012-10-26 12:45:00

标签: jquery popup

<script type="text/javascript">
  function media_player(url){
    embed = '<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20">'+
            ' <param name="movie"  value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />'+
            ' <param name="FlashVars" value="mp3='+url+'&amp;showstop=1&amp;showvolume=1&amp;autoplay=1&amp;slidercolor2=CECDCC&amp;sliderovercolor=CECDCC&amp;buttonovercolor=CECDCC&amp;loadingcolor=CECDCC" />'+
            '</object>';

    jQuery('#media-popup .content').html(embed);
    jQuery('#media-popup').fadeIn();
  }
</script>

如何添加关闭按钮?

2 个答案:

答案 0 :(得分:0)

使用jquery函数.fadeOut()

$("#media-popup").fadeOut();

答案 1 :(得分:0)

为要关闭的对象分配ID(我猜你的情况是对象标签)。然后创建一个负责在单击时关闭它的元素。例如:

$('<div>')
    .attr('id','close-panel-button')
    .appendTo($('body'))
    .click(function(){

        $('#id-of-the-object-to-close-here').hide();

    });

您可以使用您喜欢的任何方法更改隐藏方法,具体取决于您要关闭它的方式。相应地设置关闭面板按钮的样式(例如位置:绝对;和自定义坐标)。