《天气预测》景象“小窗口”,做活服务“大篇章”-中华夏族民共和国广告AD网
分类:十博

变的是天气,不变的是经典

天气预报

十博最佳体育平台 1

天气预报

在媒体环境日新月异的今天,已经连续播报一万多天,服务过数百客户的《天气预报》蓄势待发,迎来全新的“气象+”时代!

2016/11/07

38年前,《天气预报》开播,开创了中国电视天气预报的新时代。

安徽卫视

天气预报

天气预报

十博最佳体育平台,播出频道

天气预报

天气预报

甘肃卫视

甘肃卫视

2016/11/07

2016/11/12

安徽卫视

2016/11/07

天气预报

天气预报

2016/11/10

天气预报

/** * Author Zhangjiangfeng * Date 2016/11/9 PM 20:35 night * 选项卡样式实现 */html { font-family: "微软雅黑"; font-size: 12px;}div, ul, li, p, a { margin: 0; padding: 0;}.nav-tab { width: 565px; height: 54px; background-color: #fafafa; position: relative; display: inline-block;}ul.main-tab { list-style: none; margin: 0; padding: 0; height: 100%; font-size: 0; /*消除display: inline-block间隙*/ border-bottom: 1px solid #d9d9d9; margin-bottom: -2px;}ul.main-tab li { display: inline-block; height: 48px; padding-top: 4px; border-width: 2px 1px 0; border-color: #999; border-style: solid; border-color: rgba; _border-color:tomato; _filter:chroma;}ul.main-tab li a { display: inline-block; height: 100%; text-decoration: none; color: #333;}ul.main-tab li p { font-size: 12px; line-height: 20px; padding: 0 20px;}/*利用边框的透明从而减少li盒子计算样式*/ul.main-tab li { border-width: 2px 1px 0; border-top-color: #19A6A6; border-left-color: #d9d9d9; border-right-color: #d9d9d9; border-style: solid; border-color: rgba;}/* ul.main-tab li:hover { border-width: 2px 1px 0; border-top-color: #19A6A6; border-left-color: #d9d9d9; border-right-color: #d9d9d9; border-bottom: #FFFFFF; border-style: solid; background-color: #FFFFFF; }*//*选项卡选中样式*/ul.main-tab li.active { border-width: 2px 1px 0; border-top-color: #19A6A6; border-left-color: #d9d9d9; border-right-color: #d9d9d9; border-bottom: #FFFFFF; border-style: solid; background-color: #FFFFFF;}/*选项卡内容样式*/.tab-content { width: 543px; min-height: 250px; border: 1px solid #d9d9d9; border-top: none; padding: 10px; position: relative;}.table { width: 100%; display: table; border-collapse: collapse; border: 0;}.table tr td { padding: 10px; border-bottom: solid 1px #d9d9d9;}.table tr.last-no-border td { border-bottom: none;}.div-buttn { width: 100%; height: 30px; cursor: pointer; line-height: 30px; text-align: center; background-color: #fafafa;}.div-buttn i { width: 14px; height: 14px; margin-left: 5px; display: inline-block; vertical-align: text-bottom; font-style: normal;}.div-buttn i.c-icon { background: url no-repeat 0 0;}.div-buttn i.c-icon-bottom { background-position: -71px -168px;}.div-buttn i.c-icon-top { background-position:-96px -168px}.close { display: none;}

节目

CCTV

天气预报

天气预报

CCTV

2016/11/07

天气预报

安徽卫视

2016/11/07

播出频道

2016/11/11

天气预报

1.选项卡效果预览

播出频道

这一技巧从而减少其选项卡盒子模型的计算

天气预报

2016/11/07

CCTV

2016/11/10

安徽卫视

天气预报

2016/11/12

节目

2016/11/07

2016/11/08

2016/11/13

节目

播出频道

CCTV

播出频道

时间

安徽卫视

天气预报

时间

时间

2016/11/09

时间

天气预报

安徽卫视

天气预报

节目

天气预报

节目

显示全部

2016/11/07

2016/11/11

CCTV

3.switchTab-jQuery.js动态效果实现

本文由十博发布于十博,转载请注明出处:《天气预测》景象“小窗口”,做活服务“大篇章”-中华夏族民共和国广告AD网

上一篇:没有了 下一篇:没有了
猜你喜欢
热门排行
精彩图文