个性化电影频道js

(function(){

var inMovieBtn = T.get(‘in_movie_btn‘), inIndiviBtn = T.get(‘in_indivi_btn‘);
    var indiviPop = T.query(‘.indivi-pop‘)[0], indiviPopCloseBtn = T.get(‘indivi_pop_close‘);

if(F.cookie.get(‘hideindivipop‘) || F.cookie.get(‘indivi‘)){
        T.hide(indiviPop);
    }

var hideIndiviPop = function(){
        T.hide(indiviPop);
        F.cookie.set(‘hideindivipop‘, ‘1‘);
    };

var addIndiviCookie = function(){
        if(!F.cookie.get(‘indivi‘)){
            F.cookie.set(‘indivi‘, ‘1‘);
        }
    };

var delIndiviCookie = function(){
        F.cookie.del(‘indivi‘);
    };

var loveBtns = T.query(‘.info-layout .addMovie‘), IndiviChange = T.query(‘.Indivi-change‘);

// 点击删除图标
    T.each(IndiviChange, function(ele, index){
        var infoCon = T.q(‘info-con‘, ele);
        if(infoCon) var length = infoCon.length;
        if(infoCon) var delBtns = T.q(‘removeMovie‘, ele);
        T.each(delBtns, function(i, b){
            T.on(i, ‘click‘, function(e){
                e = T.event.get(e);
                T.event.stop(e);
                length --;
                if(T.dom.hasClass(infoCon[b], ‘last‘)){
                    var prevDom = T.dom.prev(infoCon[b]);
                    prevDom && T.dom.addClass(prevDom, ‘last‘);
                }
                T.dom.remove(infoCon[b]);

if(length > 4) T.observer.send(‘remove.change‘);

//如果没有内容 隐藏区块
                if(length <= 0){
                    T.hide(ele);
                }

//删除上报
                var mid = T.dom.getAttr(i, ‘ref‘);
                F.tool.stat.eventStat({type: "event", name: "media_dele", ext: [‘media=‘+ mid]});

});
        });
    });

// 点击心形图标
    T.each(loveBtns, function(item, index){

var itemEm = T.q(‘istr‘, item)[0];
        var $timer = 0, ttl = (T.browser.ie >= 9) ? 2000 : 600;

T.on(item, ‘click‘, function(e){
            e = T.event.get(e);
            T.event.stop(e);

var title = ‘喜欢这部电影‘, curTitle = ‘取消喜欢‘;
            var isCurrent = T.dom.hasClass(item, ‘current‘);

var isStrong = T.q(‘strong‘, item);
            var mid = T.dom.getAttr(item, ‘ref‘);

if(!isCurrent){
                T.addClass(item, ‘current‘);
                T.dom.setAttr(item, ‘title‘, curTitle);
                T.dom.setStyle(itemEm, ‘visibility‘, ‘visible‘);
                T.dom.setStyle(itemEm, ‘opacity‘, ‘1‘);

clearTimeout($timer);
                $timer = setTimeout(function(){
                    T.addClass(item, ‘timeout‘);
                    T.dom.setStyle(itemEm, ‘visibility‘, ‘hidden‘);
                    T.dom.setStyle(itemEm, ‘opacity‘, ‘0‘);
                },ttl);
                
                //点击喜欢上报
                F.tool.stat.eventStat({type: "event", name: "media_ding", ext: [‘media=‘+ mid]});

}else{
                clearTimeout($timer);
                T.removeClass(item, ‘current‘);
                T.removeClass(item, ‘timeout‘);
                T.dom.setAttr(item, ‘title‘, title);

//不喜欢上报
                F.tool.stat.eventStat({type: "event", name: "media_cai", ext: [‘media=‘+ mid]});
            }

});

});

//点击气泡关闭按钮
    if(indiviPopCloseBtn) T.on(indiviPopCloseBtn, ‘click‘, hideIndiviPop);

//点击左右个性化按钮
    if(inMovieBtn) T.on(inMovieBtn, ‘click‘, delIndiviCookie);
    if(inIndiviBtn) T.on(inIndiviBtn, ‘click‘, addIndiviCookie);

})();

//切换效果
(function(){

var bodyNode = T.q(‘Indivi-change‘);
    F.load(["tween", "slideTool"], function(){

T.each(bodyNode, function(ele){
            var body = T.q("info-layout", ele)[0],
                prev = T.q("indivi-btn-prev", ele)[0],
                next = T.q("indivi-btn-next", ele)[0],
                nodes = T.q("info-con", ele).length;
            
            var actNum = function(){
                if(T.dom.hasClass(ele, ‘small‘)){
                    return 3;
                }
                return T.query(‘body.w960‘).length ? 5 : 6;
            }

if(!body || !prev || !next || nodes < 5){
                T.hide(prev);
                T.hide(next);
                return;
            };

var slider = new F.tool.slideTool({
                body : body,
                prev : prev,
                next : next,
                actNum : actNum(),//每次切换几个
                margin : T.dom.hasClass(ele, ‘small‘) ? 16 : 20,
                 timer : 500
            });

var updateSliderHandler = function(e){
                var num = actNum();
                slider.updateParam(num, ‘change‘);
            };
            if(!T.dom.hasClass(ele, ‘small‘)){
                T.observer.add(‘response.change‘, updateSliderHandler);
                T.observer.add(‘remove.change‘, updateSliderHandler);
            }
        });

//推荐特色主题
        var IndiviFeatureInfo = T.query(‘.Indivi-feature .indivi-wrap‘);
        var IndiviInnerHtml = T.query(‘.Indivi-feature .inner-html‘);
        var timer = 0, timers = 0;
        var ie = T.browser.ie;
    
        T.each(IndiviFeatureInfo, function(item, index){
            item.timer = null;
            var nextJt = T.q(‘indivi-right-jt‘, item)[0];
            var prevJt = T.q(‘indivi-left-jt‘, item)[0];            
            T.on(item, ‘mouseover‘, function(e){
                clearTimeout(item.timer);
                clearTimeout(timers);

if(ie < 8 && T.dom.hasClass(item, ‘indiv-1‘) || ie < 8 && T.dom.hasClass(item, ‘indiv-2‘) || ie < 8 && T.dom.hasClass(item, ‘indiv-3‘)){
                    T.dom.setStyle(item, ‘z-index‘, ‘5‘);
                }
                if(T.dom.getStyle(IndiviInnerHtml[index], ‘visibility‘) == ‘visible‘) return;
                T.each(IndiviInnerHtml, function(ele, i){
                    T.dom.setStyle(ele, ‘visibility‘, ‘hidden‘);
                });
                T.addClass(item, ‘tween‘);
                timers = setTimeout(function(){
                    F.tool.tween.add(IndiviInnerHtml[index], {
                        prop : ‘width‘,
                        method : F.math.tweener.easeOutQuint,
                        time : 300,
                        start : 200,
                        end : 580,
                        onComplete : function(){
                        }
                    });
                    T.dom.setStyle(IndiviInnerHtml[index], ‘visibility‘, ‘visible‘);
                    if(prevJt){T.dom.setStyle(prevJt, ‘visibility‘, ‘visible‘);}
                    if(nextJt){T.dom.setStyle(nextJt, ‘visibility‘, ‘visible‘);}                                    
                },300);
            });
            T.on(item, ‘mouseout‘, function(){
                if(ie < 8 && T.dom.hasClass(item, ‘indiv-1‘) || ie < 8 && T.dom.hasClass(item, ‘indiv-2‘) || ie < 8 && T.dom.hasClass(item, ‘indiv-3‘)){
                    T.dom.setStyle(item, ‘z-index‘, ‘0‘);
                }                
                item.timer = setTimeout(function(){
                    T.dom.setStyle(IndiviInnerHtml[index], ‘visibility‘, ‘hidden‘);
                    T.removeClass(IndiviInnerHtml[index].parentNode, ‘tween‘);                    
                    if(prevJt){T.dom.setStyle(prevJt, ‘visibility‘, ‘hidden‘);}
                    if(nextJt){T.dom.setStyle(nextJt, ‘visibility‘, ‘hidden‘);}                        
                    T.dom.setStyle(IndiviInnerHtml[index], ‘width‘, 200);            
                }, 100);
            });
            T.on(item.parentNode.parentNode, ‘mouseout‘, function(){
                clearTimeout(timers);                
            });
        });
    });
})();

//风行猜点击上报
(function(){
    var IndiviMod = T.query(‘.Indivi-mod‘);
    var stp = null;
    T.each(IndiviMod, function(item, index){
        F.Event.delegate(item, ‘a‘, ‘mousedown‘, function(e){
            stp = T.getAttr(item, ‘stp‘);
            if(!stp || stp == null) return;
            var href = this.getAttribute(‘href‘);
            if(href) var match = href.match(/\d+/g);
            if(match) var mediaid = String(match[0]);
            if(stp && mediaid) F.tool.stat.guessEvent({mid: mediaid, et: ‘1‘, stp: stp});
        });
    });
})();

时间: 2024-10-07 21:11:07

个性化电影频道js的相关文章

响誉文化宣:电影频道cctv6电影发行

数字电影电影频道发行所需要了解的规范: 1.电影必须是数字电影或者院线电影: 2.电影质量要求较高,对故事流畅与剧本顺畅,电影表现的艺术价值,人生观等 都有严格的标准: 3.对电影的预算及成本没有任何大的要求: 4.电影技术标准必须按照原广电总局现电影局的要求办理申领公映许可证,申请龙标等: 5.好的电影是一部摄人心魄的好故事,对人性以及社会文化影响深远,望大家尊崇艺术,献身艺术: 6.禁忌类题材:价值观不明确,价值观消极,涉及政治敏感,恐怖惊悚,虚无魔幻,同性等题材. 原文地址:https:/

来认识一下这些基于好友关系链和算法推荐的电影发现产品

据报道,百度在上个月已收购影视剧搜索及推荐服务“今晚看啥”团队,这个团队中的6.7人已开始在百度大厦内部办公,他们的汇报对象是百度垂直搜索部高级总监胡浩. 随着巨头的进入,基于算法推荐的电影发现产品再次受到舆论关注. 目前用户在互联网上发现电影的途径可大致做如下三种形式划分: 官方推荐:这是最传统的1.0电影服务模式,大部分为电影资源聚合网站,如pplive.迅雷.电驴大全.hao360以及各大视频网站(优酷土豆.爱奇艺.搜狐.腾讯等)的电影频道等: 主动搜索:用户通过线上或线下渠道的方式了解新

超棒的30款JS类库和工具

dynamo.js 这是一款使用很便捷的工具,它可以快速容易的创建HTML动态bits,为文本目录添加微妙效果. Smoke.js Smoke.js是一个轻量级且灵活的JS插件,只是用来替代原有的alert而已.它完全由HTML与CSS3构成,所以你能够自己添加样式来表现出个性化. Batman.js 这个框架就像它的名字一样酷——它可以创建丰富高效的单页面浏览器Apps.Batman.js框架利用CoffeeScript或JavaScript来快速构建Web Apps.由于其拥有强大的视图绑定

国内电影发行公司简介

序号 名称 简介 代表作品 1 中影 (中国电影集团公司) 中国电影集团公司(英语:China Film Group Corporation),简称中影集团.CFGC,是中国大陆最具实力的电影公司,成立于1999年2月,是由原中国电影公司.北京电影制片厂.中国儿童电影制片厂.中国电影合作制片公司.中国电影器材公司.电影频道节目中心.北京电影洗印录像技术厂.华韵影视光盘有限责任公司等8家单位组成.中影集团拥有全资分子公司15个,主要控股.参股公司近30个,1个电影频道,总资产28亿元.中影集团是中

视频网站的盈利模式分析

一. 由于各种客观非客观因素,我国的视频网站和欧美发达国家的视频网站的盈利模式相比还是有很大差别的,接下来就简单的分析介绍一下欧美和国内视频网站盈利模式. 因为对国外的视频网站不是很了解,所以在这里只能简单地介绍一下国外视频网站不同于国内的盈利方式,欧美在版权这方面做得很完善,所以国外的视频网站可以通过购买某部(或某些)电影/剧集的网络播放权/网络首播权,之后通过收费收看这样的方式,为自己的网站的盈利渠道并提升浏览量,比如<越狱><冰与火之歌>等十分热门,但确只能在收费频道播放的剧

Angular--ui-router的使用

先引用Angular然后引用ui-router 路由清单:我们依赖的ui.router中提供了一个服务$state,此时可以用config来配置这个服务.用$stateProvider的state方法来设置路由清单.也就是说,定义一个个“状态”. 小tip:服务除了factory.service之外,还有一个provider.provider一般工程师不会自己定义的,你只需要知道所有的内置服务都是provider函数写的.provider函数写出的服务,可以在依赖注入前,用config函数配置.

推荐算法学习笔记

推荐算法举个简单的例子,比如有个用户进来看了一堆内容,我们把他看的所有的历史行为,嵌入到推荐引擎当中去.这个推荐引擎就会生成个性化的频道,下次这个用户再登录,或者都不用下一次,过几分钟之后,他看到的内容就会根据他最近发生的历史行为发生变化,这就是推荐系统的基本逻辑.这种方法叫基于用户行为的推荐,当然是有一定局限性的.比如你只有一个用户行为的时候,你就不知道他会不会看一个从来没人看过的内容,这其实就是长尾问题.当你可以积累越来越多的用户,用户的历史行为会有助于你对长尾内容的理解. 推荐系统本质是在

猫眼独立,究竟估值几何?

日前,猫眼独立的消息炸开了锅,美团大众点评CEO王兴4月11日通过内部邮件宣布:正式决定分拆猫眼电影业务,让“新猫眼”成为一家完全独立运营的公司.当前的猫眼显然已经成为了电影O2O平台中的独角兽,如今猫眼完全独立出来,这家O2O新公司又会值多少钱?我们该如何为这家新公司估值?猫眼会不会成为继美团点评.滴滴出行之后下一个百亿市值独角兽? 猫眼总体发展情况 猫眼最开始是基于美团的电影团购发展而来,之后更名为了猫眼电影.2015年12月,猫眼电影又与大众点评电影频道完成整合,截止到2015年12月的数

“弹幕”勾起的中国式播放节奏

偷得闲暇时,准备看一下被成为"雷剧中的雷剧"--<白衣校花与大长腿>.没成想,在爱奇艺打开这部雷剧,首先将我雷倒的不是剧情,而是铺天盖地的"弹幕".原本在A站(AcFun)和B站(Bilibili)流行的弹幕,怎么堂而皇之的登上爱奇艺了?在多方研究之后发现,弹幕已经真正蔓延开来,不仅仅是爱奇艺,诸多主流视频网站都已经开始着手打造弹幕Zone. "弹幕",如果让十个人去念,九个人都会念错,念成"tan幕",而正确的读