弹窗特效 · 河马编辑器建站手册

### 介绍 layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer（已被7558770人次关注）。layer 甚至兼容了包括 IE6 在内的所有主流浏览器。她数量可观的接口，使得您可以自定义太多您需要的风格，每一种弹层模式各具特色，广受欢迎。当然，这种“王婆卖瓜”的陈述听起来总是有点难受，因此你需要进一步了解她是否真的如你所愿。 > 弹窗层官网地址 https://layer.layui.com/ > 效果地址 ``` <script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script> <script> //弹出一个页面层 $('.item-success li:nth-child(1)').on('click', function(){ layer.open({ type: 1, title: '<img class="pop-title-img" src="http://bk.image.styleweb.com.cn/2018/7/20/11825_jjtv6hqc.png?imageView2/2/w/1800">', area: ['80vw', '60vh'], shadeClose: true, //点击遮罩关闭 content: '\<\div class="pop-up"> <div class="do-block do-list do-vro6a"><div class="do-element-media x num1 phoneRows2"><div class="do-element-media-content md" id="swiper_vro6a" data-rows="1" data-phonerows="2" data-initialslide="0" data-slidespercolumn="1"><ul class="do-element-media-ul x do-content-list "><li class="do-element-media-li" data-wow-delay=".0s"><div class="do-element-media-conter clearfix do-caption "><div class="do-media-image-box o-mask"><div class="do-media-image" style="padding-top:78.47222222222221%;"><div class="do-media-image-conter sizeimg "><div class="do-middle"><div class="do-middle-center"><img class="scrollLoading loadingEnd" data-src="http://bk.image.styleweb.com.cn/2018/7/23/11825_jjy4dr0p.png?imageView2/2/w/1296/q/100" src="http://bk.image.styleweb.com.cn/2018/7/23/11825_jjy4dr0p.png?imageView2/2/w/1296/q/100" alt=""></div></div></div></div></div><div class="do-title do-html-content"><div class="do-title-body"><div class="do-title-content do-html-content"><div class="do-html-content title"><p><span style="font-size: 32px;color:#fff">李扬</span>  <span style="font-size: 22px; color: rgb(160, 211, 225);">聚将市场调研合伙人</span></p><p><span style="font-size: 30px; color: rgb(255, 255, 255);"><strong class="">Allen Lee</strong></span></p></div><div class="do-html-content des"><p><span style="font-size: 18px;">辰坚市场信息咨询</span> 总经理<br>上市公司/企业市场研究培训讲师|前TNS（RI）西南片区项目总监|四川大学MBA</p><p><br></p><p>14年市场研究经验，服务客户过百，主持项目近干，曾服务于隶属WPP国际集团下属的全球最大市场研究公司。<br>历任数据收集执行、数据质量监控、项目全程协调、数据分析、研究分析、策略分析等综合职位，熟练市场研究全时链环节；精术于将市场研究成果与营销策略及财务绩效表现做有效整合；客户：KFC、麦当劳、家乐福、蒙牛乳业、新希望乳业、伊利乳业、天奥电子、新希望六和、高金食品、零度果坊、华侨城地产、华润地产、万科地产、绿地集团、蓝光地产等。</p></div></div></div></div></div></li></ul></div></div><style>.do-vro6a .do-middle-center img { width:54%; }.do-vro6a .do-title .title { font-size:18px;line-height:1.50em;text-align:left; }.do-vro6a .do-title .des>* { font-size:14px;line-height:1.50em;text-align:left;color:rgb(253, 253, 253); }</style></div>\<\/div>' }); }); $('.item-success li:nth-child(2)').on('click', function(){ layer.open({ type: 1, title: '<img class="pop-title-img" src="http://bk.image.styleweb.com.cn/2018/7/20/11825_jjtv6hqc.png?imageView2/2/w/1800">', area: ['80vw', '60vh'], shadeClose: true, //点击遮罩关闭 content: '\<\div class="pop-up"><div class="do-block do-list do-vro6a"><div class="do-element-media x num1 phoneRows2"><div class="do-element-media-content md" id="swiper_vro6a" data-rows="1" data-phonerows="2" data-initialslide="0" data-slidespercolumn="1"><ul class="do-element-media-ul x do-content-list "><li class="do-element-media-li" data-wow-delay=".1s"><div class="do-element-media-conter clearfix do-caption "><div class="do-media-image-box o-mask"><div class="do-media-image" style="padding-top:78.47222222222221%;"><div class="do-media-image-conter sizeimg "><div class="do-middle"><div class="do-middle-center"><img class="scrollLoading loadingEnd" data-src="http://bk.image.styleweb.com.cn/2018/7/23/11825_jjy33czw_173830.png?imageView2/2/w/864/q/100" src="http://bk.image.styleweb.com.cn/2018/7/23/11825_jjy33czw_173830.png?imageView2/2/w/864/q/100" alt=""></div></div></div></div></div><div class="do-title do-html-content"><div class="do-title-body"><div class="do-title-content do-html-content"><div class="do-html-content title"><p><span style="font-size: 32px;color:#fff">李未艾</span>  <span style="font-size: 22px; color: rgb(160, 211, 225);">聚将策略合伙人</span></p><p><span style="font-size: 30px; color: rgb(255, 255, 255);"><strong class="">Kiki Lee</strong></span></p></div><div class="do-html-content des"><p><span style="font-size: 18px;">壹张王合伙人</span> 策略总监</p><p>英国拉夫堡大学犯罪心理学硕士 | 前Ogilvy奥美西南区知识长官 | 策略总监<br>前新浪四川营销中心总经理</p><p><br></p><p>四川大学法学学士<br>英国拉夫堡大学犯罪心理学硕士<br>2007年通过中华人民共和国律师资格考试，取得律师的执业资格。<br>2006年归国，入行10年，专注于整合营销行业。怀抱大创意信念为企业寻找多元媒体环境下的整体解决方案。<br>曾服务于世界第一传播集团WPP旗下4A广告公司阿佩克思奥美，历任客户总监、事业总监，主管公关、媒体、互动板块。后服务于中国第一门户网站新浪集团，任新浪四川营销策略中心总监，主管销售、策略、市场板块。<br>客户：成都市人民政府、成都熊猫守护使第一季/第二季全球互动营销、世界华商大会、中国国际美食节、竹叶青茶业、新希望乳业、泸州老窖、三星、高金集团、圣地亚集团、成都华侨城、中德银行、西蝉整形美容医院、水井坊、海宁皮革城、武候皮革城、四川省中医院等40余家政府、企业。其中，熊猫守护使第一季获得艾菲实效类全场金奖；中德银行获得艾菲金融类入围奖。</p></div></div></div></div></div></li></ul></div></div><style>.do-vro6a .do-middle-center img { width:54%; }.do-vro6a .do-title .title { font-size:18px;line-height:1.50em;text-align:left; }.do-vro6a .do-title .des>* { font-size:14px;line-height:1.50em;text-align:left;color:rgb(253, 253, 253); }</style></div> \<\/div>' }); }); $('.item-success li:nth-child(3)').on('click', function(){ layer.open({ type: 1, title: '<img class="pop-title-img" src="http://bk.image.styleweb.com.cn/2018/7/20/11825_jjtv6hqc.png?imageView2/2/w/1800">', area: ['80vw', '60vh'], shadeClose: true, //点击遮罩关闭 content: '\<\div class="pop-up"><div class="do-block do-list do-vro6a"><div class="do-element-media x num1 phoneRows2"><div class="do-element-media-content md" id="swiper_vro6a" data-rows="1" data-phonerows="2" data-initialslide="0" data-slidespercolumn="1"><ul class="do-element-media-ul x do-content-list "><li class="do-element-media-li" data-wow-delay=".2s"><div class="do-element-media-conter clearfix do-caption "><div class="do-media-image-box o-mask"><div class="do-media-image" style="padding-top:78.47222222222221%;"><div class="do-media-image-conter sizeimg "><div class="do-middle"><div class="do-middle-center"><img class="scrollLoading loadingEnd" data-src="http://bk.image.styleweb.com.cn/2018/7/23/11825_jjy244tc.png?imageView2/2/w/864/q/100" src="http://bk.image.styleweb.com.cn/2018/7/23/11825_jjy244tc.png?imageView2/2/w/864/q/100" alt=""></div></div></div></div></div><div class="do-title do-html-content"><div class="do-title-body"><div class="do-title-content do-html-content"><div class="do-html-content title"><p><span style="font-size: 32px;color:#fff">李科</span>  <span style="font-size: 22px; color: rgb(160, 211, 225);">聚将产品核心力研究合伙人</span></p><p><span style="font-size: 30px; color: rgb(255, 255, 255);"><strong class="">Bill Lee</strong></span></p></div><div class="do-html-content des"><p><span style="font-size: 18px;">百品味源</span> 总经理</p><p>前APEX&Ogilvy奥美总经理 | 前蒙牛乳业 | 产品群经理<br>NFC中国鲜榨果汁|零度果坊联合创始人</p><p><br></p><p>广告人的广度；产品人的深度；创业者的密度<br>8年奥美品牌传播经历，涉及快销品，奢侈品等多个行业，参与多家上市公司及百亿级企业等重点项目咨询4年蒙牛产品行销，3年国内顶级著侈品行业管理经验；期间负责年销售额30亿以上的产品营销管理工作，助力品牌走上行业领头羊加入零度果坊创始人团队，三年做到全国高端果汁第一品牌，年销量20亿，品牌估值15亿</p></div></div></div></div></div></li></ul></div></div><style>.do-vro6a .do-middle-center img { width:54%; }.do-vro6a .do-title .title { font-size:18px;line-height:1.50em;text-align:left; }.do-vro6a .do-title .des>* { font-size:14px;line-height:1.50em;text-align:left;color:rgb(253, 253, 253); }</style></div> \<\/div>' }); }); $('.item-success li:nth-child(4)').on('click', function(){ layer.open({ type: 1, title: '<img class="pop-title-img" src="http://bk.image.styleweb.com.cn/2018/7/20/11825_jjtv6hqc.png?imageView2/2/w/1800">', area: ['80vw', '60vh'], shadeClose: true, //点击遮罩关闭 content: '\<\div class="pop-up"><div class="do-block do-list do-vro6a"><div class="do-element-media x num1 phoneRows2"><div class="do-element-media-content md" id="swiper_vro6a" data-rows="1" data-phonerows="2" data-initialslide="0" data-slidespercolumn="1"><ul class="do-element-media-ul x do-content-list "><li class="do-element-media-li" data-wow-delay=".0s"><div class="do-element-media-conter clearfix do-caption "><div class="do-media-image-box o-mask"><div class="do-media-image" style="padding-top:78.47222222222221%;"><div class="do-media-image-conter sizeimg "><div class="do-middle"><div class="do-middle-center"><img class="scrollLoading loadingEnd" data-src="http://bk.image.styleweb.com.cn/2018/7/20/11825_jjtttbab.png?imageView2/2/w/1296/q/100" src="http://bk.image.styleweb.com.cn/2018/7/20/11825_jjtttbab.png?imageView2/2/w/1296/q/100" alt=""></div></div></div></div></div><div class="do-title do-html-content"><div class="do-title-body"><div class="do-title-content do-html-content"><div class="do-html-content title"><p><span style="font-size: 32px;color:#fff">王健</span>  <span style="font-size: 22px; color: rgb(160, 211, 225);">聚将创意合伙人</span></p><p><span style="font-size: 30px; color: rgb(255, 255, 255);"><strong class="">Roger wong</strong></span></p></div><div class="do-html-content des"><p>壹张王EH联合创始人</p><p>龙玺华人广告奖评委 | China4A金印奖评委 | 天使圈品牌孵化导师 | 前Ogilvy奥美创意总监</p><p><br></p><p>1999年开始从事广告行业，曾就职于WPP集团旗下奥美APEX任创意总监，18年从业经验广告人。</p><p>“龙玺·华人广告奖”评委，China4A金印奖评委。<br>于2005年创立广告公司，壹张王EHAD创始人。<br>帮重—漂移的火锅店，成都线上火锅外卖第一品牌创始人。<br>天使圈品牌孵化导师<br>曾主导参与蒙牛液态奶航天员项目获“美国艾菲EFFIE AWARDS广告实效奖金奖”，载入”蒙牛内幕畅销10万册营销类著作。<br>服务过中国移动，摩托罗拉，乐百氏，蒙牛牛奶，竹叶青等众多品牌，积累了丰富的营销，创意，运营等实战经验。</p></div></div></div></div></div></li></ul></div></div><style>.do-vro6a .do-middle-center img { width:54%; }.do-vro6a .do-title .title { font-size:18px;line-height:1.50em;text-align:left; }.do-vro6a .do-title .des>* { font-size:14px;line-height:1.50em;text-align:left;color:rgb(253, 253, 253); }</style></div> \<\/div>' }); }); $('.item-success li:nth-child(5)').on('click', function(){ layer.open({ type: 1, title: '<img class="pop-title-img" src="http://bk.image.styleweb.com.cn/2018/7/20/11825_jjtv6hqc.png?imageView2/2/w/1800">', area: ['80vw', '60vh'], shadeClose: true, //点击遮罩关闭 content: '\<\div class="pop-up"><div class="do-block do-list do-vro6a"><div class="do-element-media x num1 phoneRows2"><div class="do-element-media-content md" id="swiper_vro6a" data-rows="1" data-phonerows="2" data-initialslide="0" data-slidespercolumn="1"><ul class="do-element-media-ul x do-content-list "><li class="do-element-media-li" data-wow-delay=".4s"><div class="do-element-media-conter clearfix do-caption "><div class="do-media-image-box o-mask"><div class="do-media-image" style="padding-top:78.47222222222221%;"><div class="do-media-image-conter sizeimg "><div class="do-middle"><div class="do-middle-center"><img class="scrollLoading loadingEnd" data-src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk7nofmv.png?imageView2/2/w/1296/q/100" src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk7nofmv.png?imageView2/2/w/1296/q/100" alt=""></div></div></div></div></div><div class="do-title do-html-content"><div class="do-title-body"><div class="do-title-content do-html-content"><div class="do-html-content title"><p><span style="font-size: 32px;color:#fff"">王斌</span>  <span style="font-size: 22px; color: rgb(160, 211, 225);">聚将整合传播合伙人</span></p><p><span style="font-size: 30px; color: rgb(255, 255, 255);"><strong class="">Bingo Wang</strong></span></p></div><div class="do-html-content des"><p><span style="font-size: 18px;">华扬联众成都HK link 总经理</span></p><p>12年品牌及营销经验|前Ogilvy奥美客户总监</p><p><br></p><p>曾服务于世界第一传播集团WPP旗下4A广告公司阿佩克思奥美，历任客户总监。后服务于中国第一门户网站新浪集团，任新浪四川营销策略中心大客户总监，主管销售，策略，市场板块。<br>现任华扬联众成都分公司总经理。<br>品牌全案：蒙牛牛奶，金锣集团，重庆银行，长虹集团，高金食品等数十个企业；营销全案；新希望乳业，四川移动，新浪世界杯；</p></div></div></div></div></div></li></ul></div></div><style>.do-vro6a .do-middle-center img { width:54%; }.do-vro6a .do-title .title { font-size:18px;line-height:1.50em;text-align:left; }.do-vro6a .do-title .des>* { font-size:14px;line-height:1.50em;text-align:left;color:rgb(253, 253, 253); }</style></div> \<\/div>' }); }); $('.item-success li:nth-child(6)').on('click', function(){ layer.open({ type: 1, title: '<img class="pop-title-img" src="http://bk.image.styleweb.com.cn/2018/7/20/11825_jjtv6hqc.png?imageView2/2/w/1800">', area: ['80vw', '60vh'], shadeClose: true, //点击遮罩关闭 content: '\<\div class="pop-up"><div class="do-block do-list do-vro6a"><div class="do-element-media x num1 phoneRows2"><div class="do-element-media-content md" id="swiper_vro6a" data-rows="1" data-phonerows="2" data-initialslide="0" data-slidespercolumn="1"><ul class="do-element-media-ul x do-content-list "><li class="do-element-media-li" data-wow-delay=".5s"><div class="do-element-media-conter clearfix do-caption "><div class="do-media-image-box o-mask"><div class="do-media-image" style="padding-top:78.47222222222221%;"><div class="do-media-image-conter sizeimg "><div class="do-middle"><div class="do-middle-center"><img class="scrollLoading loadingEnd" data-src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk7nr3w4.png?imageView2/2/w/1296/q/100" src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk7nr3w4.png?imageView2/2/w/1296/q/100" alt=""></div></div></div></div></div><div class="do-title do-html-content"><div class="do-title-body"><div class="do-title-content do-html-content"><div class="do-html-content title"><p><span style="font-size: 32px;color:#fff">邓凯</span>  <span style="font-size: 22px; color: rgb(160, 211, 225);">聚将新媒体传播合伙人</span></p><p><span style="font-size: 30px; color: rgb(255, 255, 255);"><strong class="">Washington Deng</strong></span></p></div><div class="do-html-content des"><p><span style="font-size: 18px;">成都市自媒体协会会长</span></p><p>全国首个自媒体产业园|成都MCN产业园创始人</p><p><br></p><p>1998年到2008年4月期间就职于成都商报，采写了多个具有全国影响力的深度报道。<br>参加了2002年韩日世界杯、2004年雅典奥运会、2006年多哈亚运会等全球大型体育赛事报道；期间多次获得四川省好新闻一等奖、二等奖，成都市好新闻一等奖、二等奖，全国商报协会好新闻奖等；<br>2005年获得成都市第三届优秀新闻工作者称号；<br>2008年4月至2009年4月期间，加盟新华社江苏分社旗下江苏都市网任运营总编；<br>2009年4月，加盟新浪网至今，任新浪四川总编辑，主导并推动四川区域政务新媒体、企业机构、自媒体新媒体发展、矩阵建设等；<br>2017年起，当选四川省新的社会阶层联谊会常务理事、副秘书长，新媒体分会副会长。</p></div></div></div></div></div></li></ul></div></div><style>.do-vro6a .do-middle-center img { width:54%; }.do-vro6a .do-title .title { font-size:18px;line-height:1.50em;text-align:left; }.do-vro6a .do-title .des>* { font-size:14px;line-height:1.50em;text-align:left;color:rgb(253, 253, 253); }</style></div> \<\/div>' }); }); $('.item-success li:nth-child(7)').on('click', function(){ layer.open({ type: 1, title: '<img class="pop-title-img" src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk8259v6.png">', area: ['80vw', '60vh'], shadeClose: true, //点击遮罩关闭 content: '\<\div class="pop-up"><div class="do-block do-list do-vro6a"><div class="do-element-media x num1 phoneRows2"><div class="do-element-media-content md" id="swiper_vro6a" data-rows="1" data-phonerows="2" data-initialslide="0" data-slidespercolumn="1"><ul class="do-element-media-ul x do-content-list "><li class="do-element-media-li" data-wow-delay=".6s"><div class="do-element-media-conter clearfix do-caption "><div class="do-media-image-box o-mask"><div class="do-media-image" style="padding-top:78.47222222222221%;"><div class="do-media-image-conter sizeimg "><div class="do-middle"><div class="do-middle-center"><img class="scrollLoading loadingEnd" data-src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk80ib70.png?imageView2/2/w/1296/q/100" src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk80ib70.png?imageView2/2/w/1296/q/100" alt=""></div></div></div></div></div><div class="do-title do-html-content"><div class="do-title-body"><div class="do-title-content do-html-content"><div class="do-html-content title"><p><span style="font-size: 32px;color:#fff">张祥顾</span>  </p><p><span style="font-size: 30px; color: rgb(255, 255, 255);"><strong class="">Qiqi Zhang</strong></span></p></div><div class="do-html-content des"><p><span style="font-size: 18px;">壹张王EH联合创始人<br>前Ogilvy奥美客户总监 | 天使圈品牌孵化导师</span></p><p><br></p><p>20年广告从业经验。曾就职于WPP集团奥美APEX任客户总监一职。<br>2004年创立广告公司；壹张王EHAD联合创始人。<br>专注于整合营销传播，秉持奥格威：广告的目的是为了销售！希望帮助客户取得最好的结果——品牌价值和销售价值并协助客户取得成功！<br>服务客户：海尔集团、恒热热水器、竹叶青茶业、文新茶叶、八马茶业、太极集团、牌酒业等客户；主导参与的竹叶青项目获得艾菲实效金奖</p></div></div></div></div></div></li></ul></div></div><style>.do-vro6a .do-middle-center img { width:54%; }.do-vro6a .do-title .title { font-size:18px;line-height:1.50em;text-align:left; }.do-vro6a .do-title .des>* { font-size:14px;line-height:1.50em;text-align:left;color:rgb(253, 253, 253); }</style></div> \<\/div>' }); }); $('.item-success li:nth-child(8)').on('click', function(){ layer.open({ type: 1, title: '<img class="pop-title-img" src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk8259v6.png">', area: ['80vw', '60vh'], shadeClose: true, //点击遮罩关闭 content: '\<\div class="pop-up"><div class="do-block do-list do-vro6a"><div class="do-element-media x num1 phoneRows2"><div class="do-element-media-content md" id="swiper_vro6a" data-rows="1" data-phonerows="2" data-initialslide="0" data-slidespercolumn="1"><ul class="do-element-media-ul x do-content-list "><li class="do-element-media-li" data-wow-delay=".7s"><div class="do-element-media-conter clearfix do-caption "><div class="do-media-image-box o-mask"><div class="do-media-image" style="padding-top:78.47222222222221%;"><div class="do-media-image-conter sizeimg "><div class="do-middle"><div class="do-middle-center"><img class="scrollLoading loadingEnd" data-src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk80ihad.png?imageView2/2/w/1296/q/100" src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk80ihad.png?imageView2/2/w/1296/q/100" alt=""></div></div></div></div></div><div class="do-title do-html-content"><div class="do-title-body"><div class="do-title-content do-html-content"><div class="do-html-content title"><p><span style="font-size: 32px;color:#fff">杨永戈</span> </p><p><span style="font-size: 30px; color: rgb(255, 255, 255);"><strong class="">Django Yang</strong></span></p></div><div class="do-html-content des"><p><span style="font-size: 18px;">壹张王EH合伙人创意总监<br></span><span style="font-size: 16px;">原TOC世纪长河创意群总监</span></p><p><br></p><p>曾任职TOC世纪长河创意群总监<br>带人无数斩获国内广告奖项无数，他说：过去的不必说未来的才好玩，此处省略5000字.....<br>服务的客户有：中国移动/MOTOROLA/万达集团/万科集团/中海地产/新希望集团/竹叶青/等客户</p></div></div></div></div></div></li></ul></div></div><style>.do-vro6a .do-middle-center img { width:54%; }.do-vro6a .do-title .title { font-size:18px;line-height:1.50em;text-align:left; }.do-vro6a .do-title .des>* { font-size:14px;line-height:1.50em;text-align:left;color:rgb(253, 253, 253); }</style></div> \<\/div>' }); }); $('.item-success li:nth-child(9)').on('click', function(){ layer.open({ type: 1, title: '<img class="pop-title-img" src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk8259v6.png">', area: ['80vw', '60vh'], shadeClose: true, //点击遮罩关闭 content: '\<\div class="pop-up"><div class="do-block do-list do-vro6a"><div class="do-element-media x num1 phoneRows2"><div class="do-element-media-content md" id="swiper_vro6a" data-rows="1" data-phonerows="2" data-initialslide="0" data-slidespercolumn="1"><ul class="do-element-media-ul x do-content-list "><li class="do-element-media-li" data-wow-delay=".8s"><div class="do-element-media-conter clearfix do-caption "><div class="do-media-image-box o-mask"><div class="do-media-image" style="padding-top:78.47222222222221%;"><div class="do-media-image-conter sizeimg "><div class="do-middle"><div class="do-middle-center"><img class="scrollLoading loadingEnd" data-src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk80inrp.png?imageView2/2/w/1296/q/100" src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk80inrp.png?imageView2/2/w/1296/q/100" alt=""></div></div></div></div></div><div class="do-title do-html-content"><div class="do-title-body"><div class="do-title-content do-html-content"><div class="do-html-content title"><p><span style="font-size: 32px;color:#fff">刘柯君（美国)</span></p><p><span style="font-size: 30px; color: rgb(255, 255, 255);"><strong class="">Kirk Liu</strong></span></p></div><div class="do-html-content des"><p><span style="font-size: 18px;">壹张王EH创意合伙人<br></span><span style="font-size: 16px;">美国纽约视觉艺术学院 | PS-ONE国际艺术教育联合创始人 | 纽约Saatchi&Saatchi<br>DDBO美术指导 | ADC创意金奖 | ONE SHOW广告银铅笔奖</span></p><p><br></p><p>自小随父母定居美国<br>毕业于美国纽约视觉艺术学院<br>前纽约Saatchi&Saatchi DDBO美术指导师从华人广告教父苏秋平（peter su）<br>曾斩获全球ADC广告创意金奖ONESHOW广告银钱必奖PS-ONE国际艺术教育联合创始人<br>服务众多全球500强企业，包括：强生，GSK，P&G保洁，Folgers Coffe等</p></div></div></div></div></div></li></ul></div></div><style>.do-vro6a .do-middle-center img { width:54%; }.do-vro6a .do-title .title { font-size:18px;line-height:1.50em;text-align:left; }.do-vro6a .do-title .des>* { font-size:14px;line-height:1.50em;text-align:left;color:rgb(253, 253, 253); }</style></div> \<\/div>' }); }); $('.item-success li:nth-child(10)').on('click', function(){ layer.open({ type: 1, title: '<img class="pop-title-img" src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk8259v6.png">', area: ['80vw', '60vh'], shadeClose: true, //点击遮罩关闭 content: '\<\div class="pop-up"><div class="do-block do-list do-vro6a"><div class="do-element-media x num1 phoneRows2"><div class="do-element-media-content md" id="swiper_vro6a" data-rows="1" data-phonerows="2" data-initialslide="0" data-slidespercolumn="1"><ul class="do-element-media-ul x do-content-list "><li class="do-element-media-li" data-wow-delay=".9s"><div class="do-element-media-conter clearfix do-caption "><div class="do-media-image-box o-mask"><div class="do-media-image" style="padding-top:78.47222222222221%;"><div class="do-media-image-conter sizeimg "><div class="do-middle"><div class="do-middle-center"><img class="scrollLoading loadingEnd" data-src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk80ix8m.png?imageView2/2/w/1296/q/100" src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk80ix8m.png?imageView2/2/w/1296/q/100" alt=""></div></div></div></div></div><div class="do-title do-html-content"><div class="do-title-body"><div class="do-title-content do-html-content"><div class="do-html-content title"><p><span style="font-size: 32px;color:#fff">黄灿红</span>  </p><p><span style="font-size: 30px; color: rgb(255, 255, 255);"><strong class="">Canhong Huang</strong></span></p></div><div class="do-html-content des"><p><span style="font-size: 18px;">媒介以及文化研究合伙人</span></p><p>央视大型纪录片《茶叶之路》总策划|浙江卫视《一茶一世界》总策划<br>央视大型纪录片《手艺》总策划</p><p><br></p><p>1994年进入中央电视台，担任编导，首席记者，主编，策划等职。具有丰富的节目策划、制作及栏目管理经验。<br>其制作的节目曾获得“中国电视奖”社教节目一等奖，“全国骏马奖”二等奖，“金盾文化奖”一等奖，“CCTV优秀节目奖”一等奖等多个奖项。<br>并以总策划或总导演身份参与策划制作《茶叶之路》、《一茶一世界》、《历史名人和澳门》、《中国名街》、《中华文明的非凡历程》、《手艺》<br>《中国记忆》、《爱上博物馆》等大型纪录片和特别节目。</p></div></div></div></div></div></li></ul></div></div><style>.do-vro6a .do-middle-center img { width:54%; }.do-vro6a .do-title .title { font-size:18px;line-height:1.50em;text-align:left; }.do-vro6a .do-title .des>* { font-size:14px;line-height:1.50em;text-align:left;color:rgb(253, 253, 253); }</style></div> \<\/div>' }); }); $('.item-success li:nth-child(11)').on('click', function(){ layer.open({ type: 1, title: '<img class="pop-title-img" src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk8259v6.png">', area: ['80vw', '60vh'], shadeClose: true, //点击遮罩关闭 content: '\<\div class="pop-up"><div class="do-block do-list do-vro6a"><div class="do-element-media x num1 phoneRows2"><div class="do-element-media-content md" id="swiper_vro6a" data-rows="1" data-phonerows="2" data-initialslide="0" data-slidespercolumn="1"><ul class="do-element-media-ul x do-content-list "><li class="do-element-media-li" data-wow-delay=".10s"><div class="do-element-media-conter clearfix do-caption "><div class="do-media-image-box o-mask"><div class="do-media-image" style="padding-top:78.47222222222221%;"><div class="do-media-image-conter sizeimg "><div class="do-middle"><div class="do-middle-center"><img class="scrollLoading loadingEnd" data-src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk80j3yc.png?imageView2/2/w/1296/q/100" src="http://bk.image.styleweb.com.cn/2018/7/30/11825_jk80j3yc.png?imageView2/2/w/1296/q/100" alt=""></div></div></div></div></div><div class="do-title do-html-content"><div class="do-title-body"><div class="do-title-content do-html-content"><div class="do-html-content title"><p><span style="font-size: 32px;color:#fff">尤显波</span> </p><p><span style="font-size: 30px; color: rgb(255, 255, 255);"><strong class="">Bobby You</strong></span></p></div><div class="do-html-content des"><p><span style="font-size: 18px;">MI合伙人</span></p><p>前黑蚁副总经理 | 前Ogilvy奥美部门总监</p><p><br></p><p>12年广告从业经验，曾就职黑蚁设计任副总经理，WPP集团奥美APEX任部门总监2012年创立广告公司，壹张王平台合伙人；</p><p>累计服务房地产项目40余例，其中万亩规模以上2例，千亩规模以上11例；服务开发商包括万科、万达、绿城、鲁能、珠江、中大、金隅、置信、蓝润、龙湾等；</p><p>累计服务城市品牌项目5例，作业于城市品牌建立与咨询，地区品牌运营咨询等方面；</p><p>服务政府包括成都市政府3例、内江市政府、儋州市政府；</p><p>担任企业顾问7例，分别作业于企业战略、企业品牌、产品品牌等各方面；服务企业包括Steelcase、明宇集团、华西信息、顶呱呱集团、云堆科技、易创新能源、川菜博物馆。</p></div></div></div></div></div></li></ul></div></div><style>.do-vro6a .do-middle-center img { width:54%; }.do-vro6a .do-title .title { font-size:18px;line-height:1.50em;text-align:left; }.do-vro6a .do-title .des>* { font-size:14px;line-height:1.50em;text-align:left;color:rgb(253, 253, 253); }</style></div> \<\/div>' }); }); </script><style> .layui-layer-ico{border-radius: 100%;background-color:#EF5925;background: url(http://bk.image.styleweb.com.cn/2018/7/20/11825_jjtvtfk7.png?imageView2/0/w/390) #EF5925 no-repeat; background-size: 50%; background-position: 13px!important;} .layui-layer-setwin a{width:50px;height:50px} .layui-layer-setwin{right:-20px;top:-20px;} .layui-layer-title{border:0;background:#000;} .layui-layer{background:#000;} .layui-layer-page .layui-layer-content{overflow-x: hidden;} .pop-title-img{margin: 20px auto; left: 0; right: 0; position: absolute!important;} .pop-up{text-align: center;margin-top:65px;} .pop-up .des{margin-top:20px;} .pop-up-p{ color:#0054FF;} .ly-partner li{transition: all 0.8s;} .ly-partner .do-element-media-li .do-element-media-conter:hover{box-shadow: 0px 0px 14.25px 0.75px rgba(0, 0, 0, 0.15);transition: all 0.8s;} .none{display:none;} @media only screen and (max-width: 800px){ .do-rp8rj .do-title .title { font-size: 10px!important; } .do-rp8rj .do-element-media-conter { padding: 0; margin: 0; } } </style> ```