SuLei.Web/admin/scripts/cuplayer/listDemo1.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>极酷阳光V3.5播放器简单列表功能——演示</title>
<meta name="keywords" content="极酷阳光V3.5播放器简单列表功能(列表功能)演示" />
<meta name="description" content="极酷阳光V3.5播放器简单列表功能" />
<style type="text/css">
<!--
div { line-height:26px; font-size:14px;}
body { background:#ffffff url(CuPlayerBg.jpg); padding:10px;margin:10px;} 
div,ul,li,ol,dl,dt,dd,form,img,p{margin: 0; padding: 0; border: 0; }
li{list-style-type:none;} 
/* myplayer */
div#myplayer { width:995px;margin:0 auto; border:1px #cccccc solid; clear:both;  background:#ffffff; clear:both; height:455px;}
div#CuPlayer { width:700px;float:left;margin-left:0px;margin-top:0px;}
div.list { width:270px;float:left;margin-top:10px;}
div.list dl img{ width:70px;height:50px; float:left;}
div.list dl strong { display:block; width:190px;float:left; padding-left:8px;}
div.list dl span { display:block; width:190px;float:left; padding-left:8px;}
div.list dl dt { width:270px;float:left; }
div.list dl dt a { display:block; line-height:18px;padding-top:10px;  border-bottom:1px #cccccc solid; 
 height:65px; padding-top:10px; color:#333; font-size:12px; text-decoration:none; }
div.list dl dt a:hover{  height:65px; padding-top:10px;  text-decoration:none; background:#efefef; }
div.help { line-height:32px; font-size:14px; clear:both; width:995px;margin:0 auto; font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei",MingLiu,Verdana, Arial, Helvetica, sans-serif,"宋体"; }
.blank { clear:both; height:20px; }
h1 { border-bottom:1px #cccccc solid; line-height:58px;}
.video { OVERFLOW: hidden; WIDTH: 100%; POSITION: relative}
.close_light_bg {DISPLAY: none; BACKGROUND: #000; FILTER: alpha(opacity = 95); LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%; opacity: .95}
ul.nav {width:980px;margin:0 auto;}
ul.nav li{ line-height:30px; height:30px;float:left; width:232px;margin-right:11px;}
ul.nav li a,ul.nav li a:link,ul.nav li a:visited{ background:#efefef; display:block; border:1px #666 solid; text-decoration:none; font-size:12px; text-align:center; color:#000; font-weight:bold;}
ul.nav li.on a,ul.nav li.on a:link,ul.nav li.on a:visited,ul.nav li a:hover {background:#b60229;  border:1px #b60229 solid;font-size:12px; color:#FF0; font-weight:bold; }
-->
</style>
<script type="text/javascript" language="javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/action.js" ></script>
</head>
<body>
<div class="close_light_bg" id="close_light_bg"></div>
<ul class="nav" style="clear:both; ">
<li class="on"><a href="listDemo1.html">右侧图片列表</a></li>
<li><a href="listDemo2.html">右侧文字列表</a></li>
<li><a href="listDemo3.html">底部图片列表</a></li>
<li><a href="listDemo4.html">底部集数列表</a></li>
</ul>
<div class="blank"></div>
<!--myplayer/begin-->
<div id="myplayer">
<!--极酷阳光V3.5免费版 代码开始-->
<div id="CuPlayer" class="video"  > <strong>提示：您的Flash Player版本过低，请<a href="http://www.cuplayer.com/CuPlayer/" >点此进行播放器升级</a>！</strong> </div>
<div class="list" style="height:440px;width:280px;overflow-x:hidden;overflow-y:auto" >
  <dl>
  <dt><a href="#" onclick="changeStream(0);"><img src="pic/pic01.jpg" /><strong>1吉利集团宣传</strong><span>发布日期：2015.03.25</span></a></dt>
  </dl>
  <dl>
  <dt><a href="#" onclick="changeStream(1);"><img src="pic/pic02.jpg" /><strong>2吉利博瑞牙克石冰雪测试</strong><span>发布日期：2015.03.25</span></a></dt>
  </dl>
  <dl>