注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

网络电视代码编辑方法  

2012-08-03 23:22:40|  分类: 网络电视1 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

◆简单的网络电视代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>港澳台电视直播</title>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" SCROLL=NO> 
<table width="660" height="450" cellpadding="0" cellspacing="0"
>
<tr>
<td>
<iframe id="play" name="TV" frameborder="0" src="默认频道地址" width="100%" height="100%" scrolling="no" border="0" allowtransparency="true"></iframe>
</td>
<td>
<iframe id="list" frameborder="0" src="播放列表地址" width="150" height="100%" border="0" scrolling=auto target="TV"></iframe>
</td>
</tr>
</table>
</body>
</html>

实例:港澳台电视   港澳台电视 

◆添加列表隐藏与显示

(1)箭头样式CSS代码,放在<head></head>中。
<style type="text/css">
.close {MARGIN: 0px}    
// 列表显示时的边沿宽。
.close a {BACKGROUND: url(
http://everydaytv.ucoz.com/image/c.gif) no-repeat;BORDER-TOP-WIDTH: 0px; BACKGROUND-POSITION: 0px 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; FLOAT: right; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 7px; LINE-HEIGHT: 50px; HEIGHT: 50px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px}
//列表显示时的状态:
顺向箭头背景图地址、不重复;上边框宽;背景位置;显示块;左边框宽;位置右;下边框宽;宽度;行高;高度;文本对齐中心;右边框宽。
.open {MARGIN: 0px}  
// 列表隐藏时的边沿宽。
.open a {BACKGROUND: url(
http://everydaytv.ucoz.com/image/o.gif) no-repeat;BORDER-TOP-WIDTH: 0px; BACKGROUND-POSITION: 0px 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; FLOAT: right; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 7px; LINE-HEIGHT: 50px; HEIGHT: 50px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px}
//列表隐藏时的状态:
反向箭头背景图地址、不重复;其它同上。
</style>

(2)改变箭头方向的JS代码,放在<head></head>中。
<script language="JavaScript">
function showlistmenu(){
 whichEl = eval("list");
 if (whichEl.style.display == "none") {
  eval("list.style.display=\"\";");
  idFlag.innerHTML = "<div class='close'><a href='#' title='隐藏列表'></a></div>";
 }
 else {
  eval("list.style.display=\"none\";");
  idFlag.innerHTML = "<div class='open'><a href='#' title='显示列表'></a>";
 }
}
</script>

(3)操作HTML代码,放在<body></body>中的默认频道与列表代码之间。
<td id="sh" width="7" bgcolor="#171a1d" style="cursor:hand" onClick="showlistmenu()"><span id="idFlag"><div class="close" id="sh"><a href="#" title="隐藏列表"></a></div></span></td>

实例:港澳台电视   

◆添加网络电视的皮肤

(1)皮肤样式CSS代码,放在<head></head>中。
<style type="text/css">
.left{width:580px;float:left;background:url(
http://xuhui.ucoz.com/Picture/lg.jpg) no-repeat;height:472px;padding:25px 50px 15px 50px;border-bottom:2px #777 solid}
//选择符:宽度,位置、左,背景图地址、不重复,高度,距离上、左、下、右,边框底线粗细、颜色、样式。
</style>

(2)默认电视频道代码,放在<body></body>中。
<td class="left">
<iframe name="TV" frameborder="0" src="
http://everydaytv.ucoz.com/mms/HK/FHZW1.htm"  width="480" height="430" scrolling="no"  ></iframe>
</td>

实例:港澳台电视  港澳台电视2  国外电视          
参考:
网络电视直播网源文件  
相关:
网络电视资源  频道地址嵌入  MMS FLV嵌入   列表样式编辑  列表目录编辑     


返回目录

  评论这张
 
阅读(1368)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017