适合淘宝基础版/专业版使用.
<div style="height:120px; color:#666; overflow:hidden;" data-widget-config="{'png':true,'png_tag':true}" data-widget-type="Compatible" banner_height="120"> <div class="J_TWidget" data-widget-config="{'interval':4,'effect':'scrolly','autoplay':true,'circular':true,'prevBtnCls':'prev','nextBtnCls':'next','duration':0.9,'easing':'easeBothStrong'}" data-widget-type="Carousel" style="background:url( http://img01.taobaocdn.com/imgextra/i1/770458061/TB2KHzDXVXXXXb2XXXXXXXXXXXX-770458061.gif ) no-repeat 0 center; overflow:hidden;height:20px;padding-left:20px; line-height:20px; width:300px; margin-top:95px; float:left;"> <div style="overflow: hidden; height: 20px; line-height: 20px; position: relative;"> <ul class="ks-switchable-content" style="overflow: hidden; position: absolute; top: -40px;"> <li style="height: 20px; line-height: 20px; overflow: hidden; display: block;" class="ks-switchable-panel-internal209"> <a href="链接地址" target="_blank" style="color:#666;">公告:欢迎光临本店,本店商品一律最低价,不议价</a> </li> <li style="height: 20px; line-height: 20px; overflow: hidden; display: block;" class="ks-switchable-panel-internal209"> <a href="链接地址" target="_blank" style="color:#666;">公告:2013-推出新品2!</a> </li> <li style="height: 20px; line-height: 20px; overflow: hidden; display: block;" class="ks-switchable-panel-internal209"> <a href="链接地址" target="_blank" style="color:#666;">公告:2013-推出新品3!</a> </li> </ul> </div> <ul style="display:none;" class="ks-switchable-nav"> <li class="ks-switchable-trigger-internal208"></li> <li class="ks-switchable-trigger-internal208"></li> <li class="ks-switchable-trigger-internal208 ks-active"></li> </ul> </div> <div style="float:right; width:320px; overflow:hidden; height:50px; line-height:20px; margin-top:60px; text-align:right"> <div style="text-align:right;"> <a style="display:inline-block;_zoom:1; _display:inline;text-align:center; width:68px; height:22px; line-height:22px; color:#FFF; background:#8cdfc9; text-decoration:none" href=" http://favorite.taobao.com/popup/add_collection.htm?id=71735779&itemtype=0 " class="top_fav_pop" target="_blank">收藏店铺</a> <a style="display:inline-block;_zoom:1; _display:inline;text-align:center; width:68px; height:22px; line-height:22px; color:#FFF; background:#ff7c79; text-decoration:none" href=" http://favorite.taobao.com/popup/add_collection.htm?id=71735779&itemtype=0 " class="top_ww_pop" target="_blank">在线客服</a> <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.top_fav_pop','triggerType':'mouse','align':{'node':'.top_fav_pop','offset':[-1,0],'points':['tr','br']}}" style="display:none;background:#FFF; width:161px; height:50px;line-height:15px;letter-spacing:-4px; border:2px solid #8cdfc9"> <a style="width:68px; height:40px; background:#FFF url( http://img03.taobaocdn.com/imgextra/i3/770458061/TB2ddHDXVXXXXcuXXXXXXXXXXXX-770458061.png ) no-repeat -5px 0; color:#F07E7A;display:inline-block;_zoom:1; _display:inline; text-align:center; padding:6px 0 0 10px; border-right:1px dashed #DDD; overflow:hidden;letter-spacing:0" href=" http://favorite.taobao.com/popup/add_collection.htm?id=71735779&itemtype=0 " target="_blank"> 店铺 <br>收藏</a> <a style="width:68px; height:40px; background:#FFF url( http://img04.taobaocdn.com/imgextra/i4/770458061/TB2pLLDXVXXXXXpXXXXXXXXXXXX-770458061.png ) no-repeat -5px 0; color:#8ACCBE;display:inline-block;_zoom:1; _display:inline; text-align:center; padding:6px 0 0 10px; overflow:hidden;letter-spacing:0" href=" http://shop71735779.m.taobao.com/ " target="_blank"> 手机 <br>店铺</a> </div> <div class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.top_ww_pop','triggerType':'mouse','align':{'node':'.top_ww_pop','offset':[-1,0],'points':['tr','br']}}" style="display:none; width:326px;line-height:15px;border:2px solid #ff7c79; background:#FFF; padding:10px;"> <b style="color:#8cdfc9">客服中心:</b> <a target="_blank" href=" http://www.taobao.com/webww/ww.php?ver=3&touid=%E6%97%BA%E6%97%BAID&siteid=cntaobao&status=2&charset=utf-8 " style="color:#666;margin-right:10px"> <img border="0" src=" http://amos.alicdn.com/online.aw?v=2&uid=%E6%97%BA%E6%97%BAID&site=cntaobao&s=2&charset=utf-8 " alt="客服coco style=" vertical-align:middle"=""> <span style="padding-left:5px;">coco</span> </a> <a target="_blank" href=" http://www.taobao.com/webww/ww.php?ver=3&touid=%E6%97%BA%E6%97%BAID&siteid=cntaobao&status=2&charset=utf-8 " style="color:#666;margin-right:10px"> <img border="0" src=" http://amos.alicdn.com/online.aw?v=2&uid=%E6%97%BA%E6%97%BAID&site=cntaobao&s=2&charset=utf-8 " alt="客服lily style=" vertical-align:middle"=""> <span style="padding-left:5px;">lily</span> </a> <a target="_blank" href=" http://www.taobao.com/webww/ww.php?ver=3&touid=%E6%97%BA%E6%97%BAID&siteid=cntaobao&status=2&charset=utf-8 " style="color:#666;margin-right:10px"> <img border="0" src=" http://amos.alicdn.com/online.aw?v=2&uid=%E6%97%BA%E6%97%BAID&site=cntaobao&s=2&charset=utf-8 " alt="客服lucy style=" vertical-align:middle"=""> <span style="padding-left:5px;">lucy</span> </a> <a target="_blank" href=" http://www.taobao.com/webww/ww.php?ver=3&touid=%E6%97%BA%E6%97%BAID&siteid=cntaobao&status=2&charset=utf-8 " style="color:#666;margin-right:10px"> <img border="0" src=" http://amos.alicdn.com/online.aw?v=2&uid=%E6%97%BA%E6%97%BAID&site=cntaobao&s=2&charset=utf-8 " alt="客服momo style=" vertical-align:middle"=""> <span style="padding-left:5px;">momo</span> </a> </div> </div> <div style="margin-top:6px;"> <span style="display: none; height: 16px; line-height: 16px; vertical-align: middle;">分享店铺:</span> <div class="sns-widget sns-sharebtn sns-widget-ui sns-sharebtn-custom" title="分享" style="cursor:pointer;display:inline-block;_zoom:1;_display:inline;vertical-align:middle; width:145px;height:16px;background:url( http://img01.taobaocdn.com/imgextra/i1/770458061/TB2qMbDXVXXXXXhXXXXXXXXXXXX-770458061.png ) no-repeat 0 -110px" data-sharebtn="{"client_id":"68","skinType":"3","comment":"d[s71735779]","isShowFriend":false,"type":"shop","key":"71735779"}"></div> </div> </div> </div>