基本信息
源码名称：jquery 网页视频开关灯效果例子
源码大小：6.81KB
文件格式：.rar
开发语言：js
更新时间：2015-04-16
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 3 元　
   源码介绍

[实例简介]类似于优酷的界面

[实例截图]

[核心代码] 


<!DOCTYPE html>
<html>
    <head>
        <title>AlloftheLights.js demo</title>
        <style>
			body { background: url(images/bg_body.jpg) repeat-x #e5e5e5; padding: 0; margin: 0; }
			h1 { font-family: "Contrail One"; margin-bottom: 5px; font-size: 36px; }
			.container { position: relative; padding: 50px; width: 45%; margin: 0 auto; }
			h1 a, h1 a:link, h1 a:visited { color: #4C4C4C; text-decoration: none; }
			h1 a:hover, h1 a:focus { color: #6B6B6B; text-decoration: none; }
			#top { position: relative; display: block; background: #c72034; height: 10px; margin: 0 0 10px 0; border-bottom: 1px solid #E5E5E5; }
        </style>
		<link href='http://fonts.googleapis.com/css?family=Contrail One' rel='stylesheet' type='text/css'>
		
		<!-- Allofthelights.js CSS -->
		<link rel="stylesheet" href="jquery.allofthelights.css">
    </head>
    <body>     
		<div id="top"></div>
		<div class="container">
			<h1>Demo </h2>			
			<!-- Allofthelights.js switch & iframe video -->
			<div id="switch"></div>
			<iframe id="video" width="860" height="524" src="http://player.youku.com/embed/XMjQ0NzY4Mjcy" frameborder="0" allowfullscreen></iframe>
		</div>
    
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
		
		<!-- Allofthelights.js JS -->
		<script src="jquery.allofthelights.min.js"></script>
		<script>
		$(document).ready(function() {
			$("#video").allofthelights();  
		});
		</script>
	</body>
</html>