全平台
视听盛宴
炫酷世界杯之旅
white line

精彩瞬间 尽收眼底

http://2014.qq.com

赛程时间轴

清晰的比赛日结果展示 阅读赛果更直观

完整赛程

清晰展示比赛全景

轻松订阅 精彩比赛 不容错过

前端工程师:

  • artisli

    artisli

  • jianmin

    jianminlu

ball
ball
index
match_scroll
scroll_bar match_all
white line

比赛时间轴

轻轻一触 最新赛况全掌握

精彩瞬间一网打尽

悬浮导航栏

精彩视频 一键直达

前端工程师:

  • artisli

    artisli

  • jianmin

    jianminlu

ball
ball
time_line
index nav_video nav_video_tips nav
white line

智能赛程数据展示板

CSS自动匹配32支球队

世界杯主题

动感CSS3动画

搭配响应式适配

双屏互动游戏接入

一扫二维码

千万球迷来相见

前端工程师:

  • rocdu

    rocdu

  • goldenchen

    goldenchen

  • harleywang

    harleywang

  • sevenqzhang

    sevenqzhang

  • austinjin

    austinjin

ball
ball
data_board
data_board
data_board
data_board
data_board oal_guy
data_board
white line

营造世界杯的激情氛围

自动定位世界杯内容

为球迷第一时间推送世界杯精彩资讯

前端工程师:

  • rexzhang

    rexzhang

  • harleywang

    harleywang

ball
ball
data_board
data_board
data_board
white line

赛后战报数据展示

战报数据CANVAS绘制

比赛时间轴展示

赛前竞猜

结合前瞻资讯,球迷竞猜胜负

前端工程师:

  • rexzhang

    rexzhang

  • curlsli

    curlsli

ball
ball

页面三栏布局,不同分辨率下自动调整结构

满足多种屏幕尺寸阅读需求

white line

前端工程师:

  • tammywang

    tammywang

  • allexwang

    allexwang

ball
ball

世界杯视频首页

个性化视频内容

超大信息量的首屏,采用按需加载方案,
多页卡视频无缝切换,为用户营造更极致视觉体验

white line
ball
ball
line_1
line_1
line_1
  • icedzhang
  • jasonshan
  • tomiezhang
  • bankieli
前端工程师:icedzhang jasonshan tomiezhang bankieli

新闻客户端互动游戏 Ola快跑

【Ola快跑!】是一款由基于HTML5技术的多屏互动社交游戏,它通过手指触碰以及双屏遥控等方式,控制小人向上奔跑,在不同关卡躲避不同的障碍物,并捡拾道具获得分数和荣耀称号。

1 . 改Canvas为DOM,改善程序逻辑,降低帧数,使画面更加流畅。

2 . 选择Craftyjs.js框架开发,轻量且支持模块化组件。

3 . APP中直接拉起原生登录并分享战绩,与好友一决高下。

4 . 支持好友关系链排名和邀请,增强社交体验

OLA快跑
cover
player
white line
ball
ball
line_1
line_1
line_1
  • jianmin
前端工程师:jianminlu

新闻客户端Html5产品 赛程魔方

最有趣最多维的世界杯赛程,无论你想看热门球队,分组对阵,淘汰赛称,还是想64场比赛一网打尽,赛程魔方在手,全都搞定啦,精彩场次不再错过。

运用CSS3的3D旋转属性,360度无缝旋转,以手势划屏来翻转立方体,获得每一面的赛程预览。

魔方
cover
p1
p2
p3
p3_con
white line
ball
ball
line_1
line_1
info_txt
  • johnnyhan
前端工程师:johnnyhan

新闻客户端互动游戏 我擦世界杯

采用领先于时代的canvas技术,加以精妙的算法来实现流畅的涂抹擦除效果,让你瞬间通过指尖来宣泄内心的狂热。

争做快男,擦(mo)出你的女神,充足的趣味性足以使用户忘记这是一款纯前端技术实现的游戏。

我擦
ground
white line
ball
ball
line_1
  • artisli
前端工程师: artisli

新闻客户端图片产品 视野360°

向一张张逐一浏览的阅读模式说再见!
开启全景模式,随意晃动手机,
里约的世界杯盛宴和你就只隔一层玻璃。
  • marsliang
前端工程师:marsliang

新闻客户端Html5产品 装腔

想俘获你的男神吗?
这里结合重力感应超酷的展示球迷秘籍,让你通过渐进式的学习成为真正的伪球迷
视野
beach bar
装腔

出品:腾讯体育

创意:腾讯网设计中心

女球迷如何伪装成懂球帝?
white line
ball
ball
line_1
line_1
line_1
  • shenshenyan
前端工程师:shenshenyan

新闻客户端互动游戏 点将台

这一刻你将化身为球队主教练,

通过数组过滤,多选去重,选出自己的黄金球员,球员位置由你决定! 球队命运由你掌控!开创属于自己的世界杯征程。与对手一决高下。
点将台
cover
ground
white line
ball
ball
line_1
  • kennanwang
前端工程师:kennanwang

新闻客户端互动游戏 拼妞

多重逻辑判断,手指轻轻一划,操作方块移动,发挥最强大脑,“拼”出心中女神。
  • gaiazhang
前端工程师:gaiazhang

新闻客户端互动游戏 星战

射出你的“世界波”

想俘获你的男神吗?
轻量化的射门游戏,但不是每次都能射进哦,为偶像,也要好好练习脚法。
拼妞
cover
星战
74167
38491
cover
white line
ball
ball
>
> line_1
  • johnnyhan
前端工程师:johnnyhan

新闻客户端专题 疯Brazil

运用CSS3达到极致炫酷的变换效果,加上360°无限平滑滚动的全景效果,使《疯Brazil》这款产品的主题更加突出。
  • shenshenyan
前端工程师:shenshenyan

新闻客户端图片产品 爆图

指尖轻轻一点屏幕,伴随狂拽炫酷吊炸天的玻璃破碎效果,
爆图为你选出谁是最美的世界杯女神,
哪里好看点哪里,so easy!还等什么,一大波女神正在靠近。
疯巴西
爆图
    white line
    ball
    ball
    line_1
    • shenshenyan
    前端工程师:shenshenyan

    新闻客户端专题 看台

    独特的动态阅读界面,让电子书一样的新闻阅读方式见鬼去吧。酒吧木门为你敞开,世界杯的赛场已经拉开序幕,门后尽是赛事秘闻轶事,赶快推门寻找吧。
    • jianminlu
    前端工程师:shenshenyan jianminlu

    新闻客户端专题 谢场

    有王者的范儿,没王者的命。

    绚丽图文展示,为你深度解析球队失利原因、 重温本届世界杯球队的艰辛历程。
    看台

    谢场

    谢场



    出品:腾讯体育 创意:腾讯网设计中心
    white line
    ball
    ball
    line_1

    新闻客户端Html5产品 群英会

    超炫的动态展示,让你在最短的时间内掌握每支球队的详细数据,可谓是竞彩神器。
    • marsliang
    前端工程师:marsliang

    新闻客户端专题
    要玩就要HIGH

    小组赛结束,
    你是否还记得你擦过的、拼过的妞吗?
    还记得满地的障碍物和扫把吗?
    你的豪华阵容是否夺得大力神杯?
    来这里,让你重温往日的激情。
    群英会
    集合
    white line
    ball
    ball

    全息监控,海量服务

    腾讯世界杯项目设计师

    ball
    • torlen
    • tomiezhang
    • austinjin
    • artisli
    • jianminlu
    • johnnyhan
    • shenshenyan
    • kennanwang
    • ryanguo
    • marsliang
    • xingwanghan
    • gaiazhang
    • yijunliu
    • kidli
    • allexwang
    • harleywang
    • rocdu
    • sevenqzhang
    • curlsli
    • rexzhang
    • tammywang
    • wpzheng
    • icedzhang
    • jillywang
    • donxu
    • bankieli
    • jasonshan
    关闭

    您当前使用的浏览器版本过低,请使用IE8以上浏览器或更换高级浏览器访问,体验更佳。