弹出层--弹框

1、CSS

<link rel="stylesheet" type="text/css" href="css/colorbox.css"/>

2、HTML

<div class="flash1"><a class="video_index" href="http://www.youtube.com/embed/sAd9__yu_h0/?autoplay=1&loop=1&;controls=0&amp;showinfo=0&fmt=22"><img src="images/logo_08.png"/></a></div>

3、JS

<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>

4、使用方法

$(document).ready(function(){
$(".video_index").colorbox({iframe:true, innerWidth:800, innerHeight:450});
$(".video_index1").colorbox({iframe:true, innerWidth:800, innerHeight:450});
$(".video1").colorbox({iframe:true, innerWidth:800, innerHeight:450});

}) ;

5、展示效果

 

 

效果链接 http://dnmgame.com.tw

 

转载于:https://www.cnblogs.com/xuyanjiayou/p/8377105.html