0

如何让覆盖层与花哨的盒子一起使用？我正在使用下面的代码，我对 jquery 几乎没有了解。我让框弹出很好，但背景中没有任何内容。我知道在某个地方我需要一些简单的代码，但由于某种原因我找不到它或者我忽略了它。帮助将不胜感激。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery  /1.7/jquery.min.js"></script>

<link rel="stylesheet" href="css/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.fancybox.pack.js?v=2.0.5"></script>

<!-- fancyBox buttons -->
<link rel="stylesheet" href="css/jquery.fancybox-buttons.css?v=2.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="../js/jquery.fancybox-buttons.js?v=2.0.5"></script>

<!-- fancyBox thumbnails -->
<link rel="stylesheet" href="css/jquery.fancybox-thumbs.css?v=2.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.fancybox-thumbs.js?v=2.0.5"></script>

<script type="text/javascript">

$(document).ready(function() {
     $(".vimeo").fancybox({
         width: 700,
         height: 393,
         type: 'i frame',
         'autoScale': false,
         'autoDimensions': false,
         'transitionIn' : 'fade',
         'transitionOut' : 'fade',
         'transitionIn' : 'elastic',
         'transitionOut' : 'elastic',
         'speedIn' : 600, 
         'speedOut' : 200, 
         'overlayColor' : '#E71313'
     });

     $("#various1").fancybox({
                               'title Position' : 'inside',
                               'transitionIn' : 'none',
                               'transitionOut' : 'none',
                               'transitionIn' : 'elastic',
                               'transitionOut' : 'elastic',
                               'speedIn' : 600, 
                               'speedOut' : 200,
                               'overlayColor' : '#E71313'
     });
});

</script>
</body>
4

0 回答 0