利用jquery实现标签控制多个视频播放切换特效



31 123 42



特效描述:利用jquery实现 标签控制 多个视频播放 切换特效,利用jquery实现标签控制多个视频播放切换特效

代码结构

1. 引入JS

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

2. HTML代码

<div class="box_x3">
	<div id="box3">
		 <div class="box1_q"></div>
		 <h4>最新视频</h4>
		 <ul id="video_btn">
			<li class="cur"><a href="javascript:;">1</a></li>
			<li><a href="javascript:;">2</a></li>
			<li><a href="javascript:;">3</a></li>
		 </ul>
	</div>
	<ul id="video_content">
		<li class="cur">
			<object width="240" align="middle" height="180" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
			  <param value="http://player.youku.com/player.php/sid/XNTk5MjcxODk2/v.swf" name="movie">
			  <param value="high" name="quality">
			  <param value="always" name="allowScriptAccess">
			  <param value="internal" name="allowNetworking">
			  <param value="transparent" name="wmode">
			  <embed width="240" height="180" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" allowscriptaccess="always" quality="high" src="http://player.youku.com/player.php/sid/XNTk5MjcxODk2/v.swf">
			</object>
		</li>
		<li>
			<object width="240" align="middle" height="180" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
			  <param value="http://player.youku.com/player.php/sid/XNjAxNjY1OTg4/v.swf" name="movie">
			  <param value="high" name="quality">
			  <param value="always" name="allowScriptAccess">
			  <param value="internal" name="allowNetworking">
			  <param value="transparent" name="wmode">
			  <embed width="240" height="180" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" allowscriptaccess="always" quality="high" src="http://player.youku.com/player.php/sid/XNjAxNjY1OTg4/v.swf">
			</object>
		</li>
		<li>
			<object width="240" align="middle" height="180" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
			  <param value="http://player.youku.com/player.php/sid/XNjAyNTI2MzAw/v.swf" name="movie">
			  <param value="high" name="quality">
			  <param value="always" name="allowScriptAccess">
			  <param value="internal" name="allowNetworking">
			  <param value="transparent" name="wmode">
			  <embed width="240" height="180" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" allowscriptaccess="always" quality="high" src="http://player.youku.com/player.php/sid/XNjAyNTI2MzAw/v.swf">
			</object>
		</li>
	</ul>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动切换 滚动条切换 滑动选项卡 滑动切换 选项卡切换 选项卡 切换 tab切换 页面切换 选项卡插件 切换插件 滑动手风琴 滑动星星打分 其他 视频切换 播放器

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到