彈窗特效 · 河馬編輯器建站手冊

### 介紹 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> ```