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

火力光波的博客

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

 
 
 

日志

 
 

电视频道列表目录编辑  

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

  下载LOFTER 我的照片书  |


◆列表目录样式 (CSS代码)

<style type="text/css">
*{margin:0;padding:0}                          
// 边沿、填充
body{background:#333;font-size:12px}           
// body背景色、字号
.clist{text-align:left}                        
// clist文本对齐-左边
.clist div.box{width:100%;margin-bottom:0.5px} 
// clist div.box 宽度、边沿底部 
.clist div.box div.boxtop{height:25px;line-height:25px;text-indent:26px;font-size:14px;font-weight:bold;background:#333 url(
http://www.91849.com/images/j.gif) no-repeat 10px 6px;border-bottom:1px #777 solid;border-top:1px #000 solid;cursor:pointer;color:#d3d8c9}
// 目录展开前情形:
高度;行高;图片与文本距离;字号;字体;背景色、+号图地址、+号图位置;底部边框粗细、颜色、实线;边框上边粗细、颜色、实线;光标指针;目录文字颜色。
.clist div.box div.boxtopj{height:25px;line-height:25px;text-indent:26px;font-size:14px;font-weight:bold;background:#333 url(
http://www.91849.com/images/ja.gif) no-repeat 10px 6px;border-bottom:1px #777 solid;border-top:1px #000 solid;cursor:pointer;color:#ff0000;margin-bottom:1px}
// 目录展开后情形:
高度;行高;图片与文本距离;字号;字体;背景色、-号图地址、-号图位置;底部边框粗细、颜色、实线;边框上边粗细、颜色、实线;光标指针;目录文字颜色;底边留白。
.clist div.box div.boxmain{width:100%}         
// clist div.box div.boxmain 频道名称宽度
.clist div.box div.boxmain a{width:100%;height:25px;line-height:25px;background:#7c7c7c url(
http://www.91849.com/images/tv.gif) no-repeat 20px 3px;text-indent:45px;border-bottom:1px #000 solid;border-top:1px #9e9e9e solid;color:#1E2F00;display:block;text-decoration:none}
// 频道连接前情形:
宽度;高度;行高;背景色、图标地址、图标位置;图标与文本距离;底部边框粗细、颜色、实线;边框上边粗细、颜色、实线;频道名颜色;显示块;文本无装饰。
.clist div.box div.boxmain a:hover{background:#333 url(
http://www.91849.com/images/tv.gif) no-repeat 20px 3px;font-weight:bold;color:#ffffff;border-bottom:1px #000 solid;}
// 频道连接后情形:
背景色、图片地址、图片位置;字体;频道名颜色;底部边框粗细、颜色、实线。
</style>

◆目录展开关闭 (JS代码)
<script language="javascript">
function $(v){ return document.getElementById(v);}   // 获取文件返回值
function setmenu(id){
  if ($('m' + id).style.display == 'none') {
   $('m' + id).style.display = '';
   $('mt' + id).className = 'boxtopj';
  } else {
   $('m' + id).style.display = 'none';
   $('mt' + id).className = 'boxtop';
  }
}
</script>
说明:以上均放在<head></head>中。

◆列表目录内容
<div class="clist">
<div class='box'><div class='boxtop' id='mt1' onclick="javascript:setmenu('1')">目录名1</div>
<div class='boxmain' id='m1' style='display:none'>
     <a href="频道播放相对地址">频道名称</a>
     ………………………………………
</div>
<div class='box'><div class='boxtop' id='mt2' onclick="javascript:setmenu('2')">目录名2</div>
<div class='boxmain' id='m2' style='display:none'>
     <a href="频道播放相对地址">频道名称</a>
     ………………………………………
</div>
…………………………………………………………
</div>
说明:以上放在<body></body>中。

实例:港澳台电视列表   港澳台电视        
参考:
网络电视列表   全国电视网络直播列表
相关:网络电视资源  频道地址嵌入  MMS FLV嵌入   列表样式编辑  网络电视整合   


返回目录

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

历史上的今天

评论

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

页脚

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