利用jquery實現標簽控制多個視頻播放切換特效



38 148 50



特效描述:利用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

加群請備注:從官網了解到

老夫子电子