上海市文化和旅游局，上海官方中国旅游网站，上海旅游网站，上海旅游局

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="renderer" content="webkit"> <link rel="icon" href="/static/favicon.ico" mce_href="/static/favicon.ico" type=”image/x-icon”> <meta name="baidu-site-verification" content="codeva-2cVqeLflO0" /> <title>上海市文化和旅游局，上海官方中国旅游网站，上海旅游网站，上海旅游局</title> <meta name="keywords" content="上海市文化和旅游局，上海官方中国旅游网站，上海旅游网站，上海旅游局" > <meta name="description" content="中国上海官方旅游网站是一本实用且权威的指南，为前往中国上海旅游的游客以及计划和组织企业奖励旅游、会议、展览和活动（MICE）的公司提供信息。网站涵盖上海地图、天气、航班、机场、火车、酒店、餐厅、旅行、购物、活动等内容。" > <meta name="copyright" content="上海市文化和旅游局－上海市文旅推广网" /> <meta name="generator" content="上海市文化観光局" /> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MCSRFHV');</script> <script async src="https://www.googletagmanager.com/gtag/js?id=GTM-MCSRFHV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'GTM-MCSRFHV'); </script> <script type='text/javascript'> !function (e, t, n, g, i) { e[i] = e[i] || function () { (e[i].q = e[i].q || []).push(arguments) }, n = t.createElement("script"), tag = t.getElementsByTagName("script")[0], n.async = 1, n.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + g, tag.parentNode.insertBefore(n, tag) }(window, document, "script", "www.meet-in-shanghai.net/static/js/gio.js", "gio"); gio('init', 'bc3cfe579c6c51a8', {}); gio('send'); var intervalId = window.setInterval(function () { if (window.vds) { clearInterval(intervalId); // 停止定时器 clearTimeout(timeoutId); // 移除计时器 gio('track', 'gioLoadSuccess'); gtag('event', 'gioLoadSuccess', { 'value': '1' }) } }, 1000); var timeoutId = window.setTimeout(function() { window.clearInterval(intervalId); // 停止定时器 if (window.vds) { gio('track', 'gioLoadSuccess'); gtag('event', 'gioLoadSuccess', { 'value': '1' }); } else { gtag('event', 'gioLoadFail', { 'value': '0' }); } }, 10000); </script> <style> @font-face { font-family: "Kumbh Sans ExtraBold"; src: url("/static/fonts/KumbhSans-ExtraBold.ttf") format("truetype"); } @font-face { font-family: "Kumbh Sans Regular"; src: url("/static/fonts/KumbhSans-Regular.ttf") format("truetype"); } @font-face { font-family: "Kumbh Sans SemiBold"; src: url("/static/fonts/KumbhSans-SemiBold.ttf") format("truetype"); } @font-face { font-family: "Kumbh Sans Medium"; src: url("/static/fonts/KumbhSans-Medium.ttf") format("truetype"); } .information_title h4 { font-family: Kumbh Sans ExtraBold; } .dream_right h4{ font-family: Kumbh Sans ExtraBold; } .dream_t_left span { font-family: Kumbh Sans ExtraBold; } .dining_t_left span{ font-family: Kumbh Sans ExtraBold; } .ugc_t_left span{ font-family: Kumbh Sans ExtraBold; } .Journey_left h4 { font-family: Kumbh Sans ExtraBold; } .hotels_t_left span{ font-family: Kumbh Sans ExtraBold; } </style> <script> if(window.screen.width > 1920){ } // 分辨率大于等于1680，大部分为1920的情况下，调用此css else if(window.screen.width >= 1680){ document.write('<link rel="stylesheet" href="/static/css/index_1920.css">'); } // 分辨率在1600-1680的情况下，调用此css else if(window.screen.width >= 1600){ document.write('<link rel="stylesheet" href="/static/css/index_1600.css">'); } // 分辨率在1280-1600的情况下，调用此css else if(window.screen.width >= 1280){ document.write('<link rel="stylesheet" href="/static/css/index_1280.css">'); } //分辨率在1280以下的情况下，调用此css else{ document.write('<link rel="stylesheet" href="/static/css/index_1080.css">'); } //获取页面顶部被卷起来的高度 function scrollTop(){ return Math.max( //chrome document.body.scrollTop, //firefox/IE document.documentElement.scrollTop); } //获取页面文档的总高度 function documentHeight(){ //现代浏览器（IE9+和其他浏览器）和IE8的document.body.scrollHeight和document.documentElement.scrollHeight都可以 return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight); } function windowHeight(){ return (document.compatMode == "CSS1Compat") ? document.documentElement.clientHeight: document.body.clientHeight; } function isScrollBottom() { return scrollTop() + windowHeight() >= (documentHeight() - 200); } </script> <link href="../static/css/bootstrap.min.css" rel="stylesheet"> <link href="../static/css/common.css" rel="stylesheet"> <link href="../static/css/common.lh.css" rel="stylesheet"> <link href="../static/css/index.css" rel="stylesheet"> <script src="../static/js/jquery.min.js"></script> <script src="../static/js/bootstrap.min.js"></script> <link rel="stylesheet" href="../static/css/reset.css"> <link rel="stylesheet" type="text/css" href="../static/css/swiper.min.css"> <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.15.2/skins/default/aliplayer-min.css" /> <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.15.2/aliplayer-min.js"></script> <style> @media (min-width: 767px){ .doew_img img{ height: 247px !important; width: 100%; } .hotels_imgs img{ width: 380px; height: 247px; } } @media (max-width: 767px) { .dowen_swiper_comt .doew_p{ top: 50%; } .dowen_swiper_comt .doew_p p{ font-size: 14pt; } .live{ display: none; } } .code{ position: fixed; top: 10%; max-height: 80vh; overflow: auto; } .dream_bott div{ cursor: pointer; } .scaleBg{ cursor: pointer; } /* 新增样式 */ .dream_xx { width: 20%; /*border: 2px solid rgba(233, 233, 233, 1);*/ background: rgba(233, 233, 233, 1); margin-bottom: 5px; } .dream_t_left span { color: rgba(26, 26, 26, 1); font-size: 30px; } .dream_t_left { margin-bottom: 30px; } .live{ width: 300px !important; height: 200px !important; position: fixed; bottom: 15px; right: 15px; z-index: 11; } .information_content { margin-top: 80px; } .dream_title { margin: 0 0 20px 0; } .ugc_bottom { margin-top: 57px; } </style> </head> <body style="background: none;position: relative"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MCSRFHV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="index_banner_pc"> <div class="pc_header index_syheader"> <div id="header"> <nav class="navbar navbar-default navbar-fixed-top sy_banners picture_banner"> <div class="container"> <div class="navheader"> <div class="navbar-header col-sm-1"> <a class="navbar-brand" style="padding:0 0 0 15px;"> <img alt="Brand" style="max-width:130px;" src="/static/images/SketchPng1b9747aecd7e7b683b1bc74f8bbe7100e75846d30731b06aa3e6d7422ea518a9.png"></a> </div> <div class="collapse navbar-collapse col-sm-7" id=""> <ul class="nav navbar-nav navbar-right" id="top-menus-id"> <li data="0" class="dropdown"> <a onclick="clickHref(this,false)" class="tag" url="/cn/">首页</a> <p class="line-top hidden-xs"></p> </li> <li data="1" class="dropdown" > <a onclick="clickHref(this,true)" class="tag" data="6b79449b81ac44c392f1b3a32b9c696c" >资讯</a> <p class="line-top hidden-xs"></p> <div class="dropdown_menu"> <a onclick="clickHref(this,false)" data="c660a1e70d404d70a9ba6c570e25fd9a" url="/cn/news/" >新闻</a><a onclick="clickHref(this,false)" data="8013062f5a70479698680d5afeb72e38" url="/cn/specials/" >专题</a><a onclick="clickHref(this,false)" data="6033bf10ab744ef1859c4a061a53d4fe" url="/cn/video/" >视频</a><a onclick="clickHref(this,false)" data="5cb3d62f92ba43038c9d30beae1c1338" url="/cn//" >图片</a> </div> </li> <li data="2" class="dropdown" > <a onclick="clickHref(this,true)" class="tag" data="024f74da45964dd2ba54f8b7afac1cd9" >游玩</a> <p class="line-top hidden-xs"></p> <div class="dropdown_menu"> <a onclick="clickHref(this,false)" data="81fb0204dac14473b3199f7f6629d336" url="/cn/food/" >美食</a><a onclick="clickHref(this,false)" data="8c53a4ecbbbb4c28826f7bddc9b3abb6" url="/cn/venues/" >场馆</a><a onclick="clickHref(this,false)" data="9c718e02359c4b968a059d5391fd6285" url="/cn/hotels/" >酒店</a><a onclick="clickHref(this,false)" data="d5dbde3f9f8245566567e2fbd8a67ae21" url="/cn//" >社媒精选</a><a onclick="clickHref(this,false)" data="65521770f62543648bdb0ea24174fb7f" url="/cn/shopping/" >购物</a><a onclick="clickHref(this,false)" data="b58e27e509bb483795e18f97535287c9" url="/cn/attraction/" >景点</a><a onclick="clickHref(this,false)" data="d324c5bc48e1475d88c6d9b355a3dba8" url="/cn/guide/" >游览攻略</a> </div> </li> <li data="3" class="dropdown" > <a onclick="clickHref(this,true)" class="tag" data="0d7b24b41aea4b0185d9a8d0483b6398" >服务</a> <p class="line-top hidden-xs"></p> <div class="dropdown_menu"> <a onclick="clickHref(this,false)" data="62ea825650734f568f14ec011404aa7c" url="/cn/visa/" >旅游签证</a><a onclick="clickHref(this,false)" data="ed838aa83371494a8008845da378845f" url="/cn/traffic/" >上海交通</a><a onclick="clickHref(this,false)" data="d5dbde3f9f824cddb67e2fbd8a67ae20" url="/cn/consumption/" >消费购物</a><a onclick="clickHref(this,false)" data="d5dbde3f9f8245566567e2fbd8a67ae23" url="/cn/tips/" >小贴士</a> </div> </li> </ul> </div> <div class="nav_right col-sm-3"> <div class="s_sousou"> <div class="search_icon"></div> </div> <div class="px_yy"> <div class="Language_yy"> <span style="cursor: pointer;" class="xlk_img">中文</span> <img src="/static/images/SketchPngb4b542d2164a37b2c978de2ab4bd7a7b6ebf3cc0e98468c8cc1c4603533bcb9e.png" class="xlk_img" style="height: 8px;cursor: pointer;"> <div class="xlk_lan" style="cursor: pointer;"> <ul> <li><a href="/cn/">中文</a></li> </ul> <ul> <li><a href="/en/">English</a></li> </ul> <ul> <li><a href="/jpn/">日本語</a></li> </ul> <ul> <li><a href="/kr/">한국어</a></li> </ul> <ul> <li><a href="/de/">Deutsch</a></li> </ul> <ul> <li><a href="/es/">Español</a></li> </ul> <ul> <li><a href="/tc/">繁體中文</a></li> </ul> <ul> <li><a href="/fr/">Français</a></li> </ul> <ul> <li><a href="/rus/">Pусскийязык</a></li> </ul> <ul> <li><a href="/ita/">Italiano</a></li> </ul> <ul> <li><a href="/my/">Bahasa Malaysia</a></li> </ul> <ul> <li><a href="/id/">Bahasa Indonesia</a></li> </ul> <ul> <li><a href="/th/">ภาษาไทย</a></li> </ul> <ul> <li><a href="/xa/">العربية</a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <script> function clickHref(event,jump){ if(jump){ return false; }else { let lang = 'cn' let li = $(event).closest("li"); let index = $(li).attr('data'); window.localStorage.setItem('current-menus',index); let data = $(event).attr('url'); let uuid = $(event).attr('data'); if(uuid === 'd5dbde3f9f8245566567e2fbd8a67ae21'){ window.location.href = '/' + lang + '/#ugc'; }else if(uuid === '5cb3d62f92ba43038c9d30beae1c1338'){ window.location.href = '/' + lang + '/img/'; }else { window.location.href = data; } } } $(function () { $('#top-menus-id li').mouseover(function(){ let lis = $('#top-menus-id li') let current = window.localStorage.getItem('current-menus'); if(!current){ current = 0; } for (let i = 0; i < lis.length ; i++) { if(current != i){ $(lis[i]).removeClass('active') } } $(this).addClass('active') }) $('#top-menus-id li').mouseout(function(){ let lis = $('#top-menus-id li') let current = window.localStorage.getItem('current-menus'); if(!current){ current = 0; } let data = $(this).attr('data'); for (let i = 0; i < lis.length ; i++) { if(current != i && data == i){ $(this).removeClass('active') } } }) let _current = window.localStorage.getItem('current-menus'); if(!_current){ _current = 0; } let _lis = $('#top-menus-id li') for (let i = 0; i < _lis.length ; i++) { if(_current == i){ $(_lis[i]).addClass('active') } } }) </script> </div> </div>  <div class="pc_banner"> <div id="index_main" class="index_main">  <div class="section section1"> <div class="index_banner" id="pc-banner"> <div class="item"> <div class="items scaleBg" data="https://www.meet-in-shanghai.net/en/webcontent/48121.html?mid=c660a1e70d404d70a9ba6c570e25fd9a" style="background-image: url(/static/files/defaultBucketName/2024/1/11/1745347555212279809.png);"></div> <div class="bk_gradation"></div> <div class="inner"> <div class="block_txt"> <h3>2024年上海文化、旅游和体育活动日历</h3> </div> </div> </div> <div class="item"> <div class="items scaleBg" data="/cn/photo_wall.html" style="background-image: url(/static/files/defaultBucketName/2023/6/16/1669620314485858305.jpg);"></div> <div class="bk_gradation"></div> <div class="inner"> <div class="block_txt"> <h3>豫园</h3> </div> </div> </div> <div class="item"> <div class="items scaleBg" data="/cn/photo_wall.html" style="background-image: url(/static/files/defaultBucketName/2023/6/16/1669620403602235394.jpg);"></div> <div class="bk_gradation"></div> <div class="inner"> <div class="block_txt"> <h3>国家会展中心</h3> </div> </div> </div> <div class="item"> <div class="items scaleBg" data="https://www.meet-in-shanghai.net/cn/visa/visafree-countries-to-come-to-china-148372/" style="background-image: url(/static/files/defaultBucketName/2024/3/14/1768199277366419458.png);"></div> <div class="bk_gradation"></div> <div class="inner"> <div class="block_txt"> <h3>来华免签国家</h3> </div> </div> </div> </div> <div class="left slick_txt"> <div class="prev slick_arrow"></div> </div> <div class="right slick_txt"> <div class="next slick_arrow"></div> </div> <div class="number"> <div class="inner clearfix" id="pc-banner-inner"> <span class="active"></span><span></span><span></span><span></span> </div> </div> </div> </div> </div>                               </div>  <div class="mobile_header"> <div id="header"> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navheader"> <div class="navbar-header col-sm-1"> <div class="bjjt_1"> <a class="navbar-brand" style="padding:0 0 0 15px;" href="/cn/"><img alt="Brand" style="max-width:130px;width: 30px;" src="/static/images/SketchPng1b9747aecd7e7b683b1bc74f8bbe7100e75846d30731b06aa3e6d7422ea518a9.png"></a> </div> <div class="yuyan_1"> <div style="display: inline-block;"> <span class="xlk_img">中文</span> </div> <div class="Language_yy"> <img src="/static/images/SketchPng2e1fffc05c77dbeb9f45c40713829887688433819a34532369e1108431ace276.png" class="xlk_img"> <div class="xlk_lan"> <ul> <li><a href="/cn/">中文</a></li> <li><a href="/en/">English</a></li> <li><a href="/jpn/">日本語</a></li> <li><a href="/kr/">한국어</a></li> <li><a href="/de/">Deutsch</a></li> <li><a href="/es/">Español</a></li> <li><a href="/tc/">繁體中文</a></li> <li><a href="/fr/">Français</a></li> <li><a href="/rus/">Pусскийязык</a></li> <li><a href="/ita/">Italiano</a></li> <li><a href="/my/">Bahasa Malaysia</a></li> <li><a href="/id/">Bahasa Indonesia</a></li> <li><a href="/th/">ภาษาไทย</a></li> <li><a href="/xa/">العربية</a></li> </ul> </div> </div> </div> <div class="hdMenu"></div> </div> <div class="collapse navbar-collapse col-sm-8" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li> <div class="x_title"> <p><a href="/cn/index.html">首页</a></p> <p class="mb_line-top"></p> </div> </li> <li class="active" > <div class="x_title"> <p>资讯</p> <p class="mb_line-top"></p> </div> <ul class="znav"> <li style="display: grid;"> <a onclick="clickHref(this,false)" data="c660a1e70d404d70a9ba6c570e25fd9a" url="/cn/news/" >新闻</a><a onclick="clickHref(this,false)" data="8013062f5a70479698680d5afeb72e38" url="/cn/specials/" >专题</a><a onclick="clickHref(this,false)" data="6033bf10ab744ef1859c4a061a53d4fe" url="/cn/video/" >视频</a><a onclick="clickHref(this,false)" data="5cb3d62f92ba43038c9d30beae1c1338" url="/cn//" >图片</a></li> </ul> </li> <li class="active" > <div class="x_title"> <p>游玩</p> <p class="mb_line-top"></p> </div> <ul class="znav"> <li style="display: grid;"> <a onclick="clickHref(this,false)" data="81fb0204dac14473b3199f7f6629d336" url="/cn/food/" >美食</a><a onclick="clickHref(this,false)" data="8c53a4ecbbbb4c28826f7bddc9b3abb6" url="/cn/venues/" >场馆</a><a onclick="clickHref(this,false)" data="9c718e02359c4b968a059d5391fd6285" url="/cn/hotels/" >酒店</a><a onclick="clickHref(this,false)" data="d5dbde3f9f8245566567e2fbd8a67ae21" url="/cn//" >社媒精选</a><a onclick="clickHref(this,false)" data="65521770f62543648bdb0ea24174fb7f" url="/cn/shopping/" >购物</a><a onclick="clickHref(this,false)" data="b58e27e509bb483795e18f97535287c9" url="/cn/attraction/" >景点</a><a onclick="clickHref(this,false)" data="d324c5bc48e1475d88c6d9b355a3dba8" url="/cn/guide/" >游览攻略</a></li> </ul> </li> <li class="active" > <div class="x_title"> <p>服务</p> <p class="mb_line-top"></p> </div> <ul class="znav"> <li style="display: grid;"> <a onclick="clickHref(this,false)" data="62ea825650734f568f14ec011404aa7c" url="/cn/visa/" >旅游签证</a><a onclick="clickHref(this,false)" data="ed838aa83371494a8008845da378845f" url="/cn/traffic/" >上海交通</a><a onclick="clickHref(this,false)" data="d5dbde3f9f824cddb67e2fbd8a67ae20" url="/cn/consumption/" >消费购物</a><a onclick="clickHref(this,false)" data="d5dbde3f9f8245566567e2fbd8a67ae23" url="/cn/tips/" >小贴士</a></li> </ul> </li> </ul> </div> <div class="s_sousou"> <div class="search_icon"></div> </div> </div> </div> </nav> </div> <script> function clickHref(event,jump){ if(jump){ return false; }else { let lang = 'cn' let li = $(event).closest("li"); let index = $(li).attr('data'); window.localStorage.setItem('current-menus',index); let data = $(event).attr('url'); let uuid = $(event).attr('data'); if(uuid === 'd5dbde3f9f8245566567e2fbd8a67ae21'){ window.location.href = '/' + lang + '/#ugc'; }else if(uuid === '5cb3d62f92ba43038c9d30beae1c1338'){ window.location.href = '/' + lang + '/img/'; }else { window.location.href = data; } } } $(function () { $("body").on("click",".x_title",function(){ $(this).next().slideDown(); $(this).parent().siblings().children("ul").slideUp(); /*$(this).parent().siblings().children(".x_title").addClass("active");*/ }); var selected = $(".x_title"); selected.click(function () { var $this = $(this); selected.removeClass("mb_active"); $this.addClass("mb_active"); }); }) </script> </div> <div class="mask"> </div>  <div class="mobile_banner"> <div id="index_main" class="index_main">  <div class="section section1"> <div class="index_banner" id="mobile-banner"> <div class="item"> <div class="items scaleBg" data="https://www.meet-in-shanghai.net/en/webcontent/48121.html?mid=c660a1e70d404d70a9ba6c570e25fd9a" style="background-image: url(/static/files/defaultBucketName/2024/1/11/1745347555212279809.png);"> <div class="bk_gradation"></div> <div class="inner"> <div class="block_txt"> <h3>2024年上海文化、旅游和体育活动日历</h3> </div> </div> </div> </div> <div class="item"> <div class="items scaleBg" data="/cn/photo_wall.html" style="background-image: url(/static/files/defaultBucketName/2023/6/16/1669620314485858305.jpg);"> <div class="bk_gradation"></div> <div class="inner"> <div class="block_txt"> <h3>豫园</h3> </div> </div> </div> </div> <div class="item"> <div class="items scaleBg" data="/cn/photo_wall.html" style="background-image: url(/static/files/defaultBucketName/2023/6/16/1669620403602235394.jpg);"> <div class="bk_gradation"></div> <div class="inner"> <div class="block_txt"> <h3>国家会展中心</h3> </div> </div> </div> </div> <div class="item"> <div class="items scaleBg" data="https://www.meet-in-shanghai.net/cn/visa/visafree-countries-to-come-to-china-148372/" style="background-image: url(/static/files/defaultBucketName/2024/3/14/1768199277366419458.png);"> <div class="bk_gradation"></div> <div class="inner"> <div class="block_txt"> <h3>来华免签国家</h3> </div> </div> </div> </div> </div> <div class="left slick_txt"> <div class="prev slick_arrow"></div> </div> <div class="right slick_txt"> <div class="next slick_arrow"></div> </div> <div class="number"> <div class="inner clearfix" id="mobile-banner-inner"> <span class="active">01</span><span>02</span><span>03</span><span>04</span> </div> </div> </div> </div> </div>  <div class="container"> <div class="row"> <div class="index_information"> <div class="information_title"> <h4>资讯</h4> <div class="infor_xx"></div> </div> <div class="information_content"> <ul> <li class="col-sm-4 col-xs-4"><a href="/cn/news/"><img src="../static/picture/information_1.png"><span>新闻</span></a> </li> <li class="col-sm-4 col-xs-4"><a href="/cn/specials/"><img src="../static/picture/information_2.png"><span>专题</span></a></li> <li class="col-sm-4 col-xs-4"><a href="/cn/video/"><img src="../static/picture/information_3.png"><span>视频</span></a> </li> <div style="clear:both"></div> </ul> </div> </div> </div> </div> <div class="index_dream"> <div class="container"> <div class="row"> <div class="dream_content" id="xltj-id"> </div> </div> </div> </div> <script> let jumpUrl = '' function msg(e) { jumpUrl = $(e).attr('data'); let imgs = $(e).attr('pics'); $("#imgs-id").empty(); let array = imgs.split(","); for (let i = 0; i < array.length; i++) { $("#imgs-id").append('<img src="' + array[i] + '" >') } let msg = window.localStorage.getItem("show-msg"); if(!msg){ window.localStorage.setItem("show-msg",'ok') $("#pop-msg-id").css("display",'flex'); }else { window.open(jumpUrl) } } </script> <div class="container"> <div class="row"> <div class="dining_content"> <div class="dining_title"> <div class="dining_t_left col-sm-6 col-xs-6"> <div class="dining_xx"> <div class="hx_xx"></div> </div> <span>上海推荐</span> </div> <div class="dining_t_right col-sm-6 col-xs-6"> <span><a href="/cn/recommend.html">更多</a></span> </div> </div> <div class="dining_bottom"> <div class="d4_dowen_cont wow fadeInUp"> <div class="warp"> <div class="dowen_swiper_comt"> <div class="swiper-container dowen_swiper"> <div class="swiper-wrapper"> <div class="swiper-slide shanghai-recommends"> <a onclick="msg(this)" data="https://awp.meituan.com/meis/meishi-talos-h5/blackpearl-board/main.html?cityId=1" class="clickImage" pics="https://api.meet-in-shanghai.net/dev/file/download?id=1698238220090040322,https://api.meet-in-shanghai.net/dev/file/download?id=1698238236867256321" > <div class="doew_img"> <img src="https://api.meet-in-shanghai.net/dev/file/download?id=1698238185919045634" alt=""> </div> <div class="doew_p"> <p>黑珍珠餐厅指南 x 美团 x 大众点评</p> </div> </a> <div class="icon-list"> <img src="https://api.meet-in-shanghai.net/dev/file/download?id=1698238220090040322"><img src="https://api.meet-in-shanghai.net/dev/file/download?id=1698238236867256321"> </div> </div> <div class="swiper-slide shanghai-recommends"> <a onclick="msg(this)" data="https://m.dianping.com/an/ranklist/mustplay2023/page/index?cityid=1" class="clickImage" pics="https://api.meet-in-shanghai.net/dev/file/download?id=1698238012325191682" > <div class="doew_img"> <img src="https://api.meet-in-shanghai.net/dev/file/download?id=1698237978842062849" alt=""> </div> <div class="doew_p"> <p>必玩榜 x 大众点评</p> </div> </a> <div class="icon-list"> <img src="https://api.meet-in-shanghai.net/dev/file/download?id=1698238012325191682"> </div> </div> <div class="swiper-slide shanghai-recommends"> <a onclick="msg(this)" data="https://i.waimai.meituan.com/c/content_city_rank/index.html" class="clickImage" pics="https://api.meet-in-shanghai.net/dev/file/download?id=1698237726181384194" > <div class="doew_img"> <img src="https://api.meet-in-shanghai.net/dev/file/download?id=1698237681004535809" alt=""> </div> <div class="doew_p"> <p>全城必点榜 x 美团</p> </div> </a> <div class="icon-list"> <img src="https://api.meet-in-shanghai.net/dev/file/download?id=1698237726181384194"> </div> </div> </div> <div class="jgzy_swiper_but"> <div class=" dowen_next1 next_icon1"></div> <div class=" dowen_span1 span_icon1"></div> <div class=" dowen_prev1 prev_icon1"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="pop-msg" id="pop-msg-id"> <div class="pop-content"> <div class="content-warp"> <div class="icon-warp"> <div> <img src="../static/images/CNS.png" style="width: 60px;height: 60px"> <img src="../static/images/jiantou3.png" style="width: 40px;height: 22px"> </div> <div class="imgs" id="imgs-id">  </div> </div> <div class="text-warp" > 您即将跳转第三方平台 </div> </div> <div class="bottom-warp"> <div class="cancel">Cancel</div> <div class="ok">OK</div> </div> <script> $(function () { $(".cancel").on('click',function () { $("#pop-msg-id").css("display",'none'); }) $(".ok").on('click',function () { $("#pop-msg-id").css("display",'none'); window.open(jumpUrl) }) }) </script> </div> </div> <div class="ugc_content"> <a name="ugc"></a> <div class="container"> <div class="row"> <div class="ugc_title"> <div class="ugc_t_left col-sm-6 col-xs-6"> <div class="ugc_xx"> <div class="ugchx_xx"></div> </div> <span>社媒精选</span> </div> <div class="ugc_t_right col-sm-6 col-xs-6"> <span >#MeetlnShanghai</span> </div> <div style="clear:both"></div> </div> </div> </div> <div class="ugc_bottom"> <ul> <div id="ugc-content"> </div> <div style="clear:both"></div> </ul> <div class="goodcover"></div> <input type="hidden" id="home-lang" value="cn"> <div class="ugc_more" style="display: none"> <a class="ugc-more-btn">更多</a> </div> <script> let page = 1; $(function () { $(".ugc-more-btn").on('click',function () { queryUGC(); }) queryUGC(); }) function toUrl(e) { let url = $(e).attr('data') window.open(url); } function queryUGC(){ let lang = $("#home-lang").val(); $.ajax({ type: 'POST', url: 'https://api.meet-in-shanghai.net/api/home/ugc/page', data: { lang: lang, page: page, }, success: function (res) { // console.log(res) if(res.data.total >= 10){ $(".ugc_more").show(); } for (let i = 0; i < res.data.records.length; i++) { let item = res.data.records[i]; let _content = ''; _content+='<div class="ugc_cover">'; switch (i) { case 0: _content+=' <li class="clickMe_1 col-sm-1 col-xs-2">'; break; case 1: _content+=' <li class="clickMe_1 col-sm-2 col-xs-5">'; break; case 2: _content+=' <li class="clickMe_1 col-sm-2 col-xs-5">'; break; case 3: _content+=' <li class="clickMe_1 col-sm-3 col-xs-8">'; break; case 4: _content+=' <li class="clickMe_1 col-sm-2 col-xs-4">'; break; case 5: _content+=' <li class="clickMe_1 col-sm-2 col-xs-4">'; break; case 6: _content+=' <li class="clickMe_1 col-sm-4 col-xs-8">'; break; case 7: _content+=' <li class="clickMe_1 col-sm-3 col-xs-4">'; break; case 8: _content+=' <li class="clickMe_1 col-sm-2 col-xs-4">'; break; case 9: _content+=' <li class="clickMe_1 col-sm-3 col-xs-4">'; break; } _content+=' <div class="clickMe_pic" data="' + item.url + '">'; _content+=' <img src="' + item.headpic + '" title="" class="ugc_picture">'; _content+=' <div class="mark_pic">'; _content+=' <div class="mark_pic_wz">'; // if(item.summary){ // _content+=' <p><img src="../static/picture/links.png"><span>' + item.summary +'</span></p>'; // } if(item.subtitle){ _content+=' <p><img src="../static/picture/rx.png">'+ item.subtitle +'</p>'; } _content+=' </div>'; _content+=' </div>'; _content+=' </div>'; _content+=' </li>'; _content+=' <div class="code" id="code_z1">'; _content+=' <div class="code_1">'; // _content+=' <div class="close1"><img src="../static/images/close.gif" style="width: 20px;height: 20px;">'; // _content+=' </div>'; _content+=' <div class="goodtxt">'; _content+=' <div class="good_img">'; _content+=' <img src="' + item.headpic + '">'; _content+=' </div>'; _content+=' <div class="good_links">'; if(item.subtitle){ _content+=' <div class="good_links_right">'; _content+=' <img src="../static/picture/hrx.png"/><span>' + item.subtitle || "" + '</span>'; _content+=' </div>'; } _content+=' </div>'; if(item.content){ _content+=' <div class="good_desc" style="font-size: 16px;font-family: Kumbh Sans Regular;">'; _content+= item.content; _content+=' </div>'; } if(item.guildtitle){ _content+=' <div onclick="toUrl(this)" class="good_nmore" data="' + item.url +'"><a style="color: white" >' + item.guildtitle +'</a><img'; _content+=' src="../static/picture/good_more.png"></div>'; }else { _content+=' <div onclick="toUrl(this)" class="good_nmore" data="' + item.url +'"><a style="color: white" >详情</a><img'; _content+=' src="../static/picture/good_more.png"></div>'; } _content+=' </div>'; _content+=' </div>'; _content+=' </div>'; _content+='</div>'; $("#ugc-content").append(_content); } $(".clickMe_pic").on('click',function () { $(this).parent().parent().find(".code").fadeIn(); $('.goodcover').fadeIn(); }) $(".close1").on('click',function () { $(this).parent().parent().fadeOut(); $('.goodcover').fadeOut(); }) $(".goodcover").on('click',function () { $(".code").fadeOut(); $('.goodcover').fadeOut(); }) page++; }, dataType: 'json' }); } </script> </div> </div>                              <div class="main-container" style="background-color: #F8F8F8;padding-top: 40px"> <div class="container"> <div class="row main-container-row" > <div class="information_title service_sy1"> <h4>服务</h4> <div class="infor_xx"></div> </div> <div class="col-sm-3 col-sm-2-5"> <div id="sidebar"> <div id="sidebar-content"> <ul id="main-menus-id"> </ul> </div> </div> </div> <div class="col-xs-12 col-sm-9 usinfo-article col-sm-9-5 column-xs"> <div class="article-content column-pc1"> <div class="article-column" style="display: flex;flex-wrap: wrap;" id="serivce-list-id"> <div style="clear:both"></div> </div>       </div> </div> <div style="clear:both"></div> </div> </div> </div> <script> window.localStorage.setItem('current-menus',3); let menus = null; let rightMenus = null; let current = 0; let rightCurrent = 0; let rightSubCurrent = 0; let lang = 'cn' let uuid = ''; let puuid = ''; let currentUUID = '' $(function () { /*查询菜单*/ queryMenus(); }) function queryMenus() { $.ajax({ type: 'POST', url: 'https://api.meet-in-shanghai.net/api/service/menus', dataType: 'json', data: { lang: 'cn', }, success: function (res) { menus = res.data.mainMenus; rightMenus = res.data.rightMenus; $("#main-menus-id").empty(); for (let i = 0; i < menus.length; i++) { if(i == 0){ currentUUID = menus[0].uuid } let item = menus[i]; let _content = ''; _content += '<li v-i="' + i +'" class="' + (item.uuid == currentUUID ? "left-active" : "") + '" uuid="' + item.uuid + '" onclick="clickLeft(this)" >'; _content += '<a>' + item.subjectname +'</a>'; _content += '</li>'; $("#main-menus-id").append(_content); } queryService(1); }, }); } /*左侧单击事件*/ function clickLeft(e) { current = $(e).attr('v-i'); $("#main-menus-id li").removeClass('left-active') $(e).addClass('left-active') let uuid = $(e).attr('uuid') currentUUID = uuid queryService(1); } function queryService(page,uuid) { let lang = 'cn'; $.ajax({ type: 'POST', url: 'https://api.meet-in-shanghai.net/api/info/news/newsPage', data: { lang: 'cn', page: page, size: 100, uuid: currentUUID, }, dataType: 'json', success: function (res) { $("#serivce-list-id").empty(); let _content = '' // pageTool(res.data) for (let i = 0; i < res.data.records.length; i++) { let item = res.data.records[i]; _content += '<div class="stories_column col-xs-12 col-sm-6 service_text" style="cursor: pointer" data="'+ '/' + lang + '/' + item.link + '">'; _content += '<a><img src="'+ item.headpic +'"> </a>'; _content += '<p>'+ item.title +'</p>'; _content += '</div>'; } $("#serivce-list-id").append(_content); $(".stories_column").on('click',function (e) { let data = $(this).attr('data') window.location.href = data }) }, }); } function pageTool(page) { $(".page-tool").empty(); let list = [] for (let i = 1; i <= page.pages; i++) { list.push(i) } if(page.current <= 3){ list = list.slice(0,5) }else if(page.current > 3 && page.current <= page.pages - 2){ list = list.slice(page.current - 3, page.current + 2) }else if(page.current >= page.pages - 2){ list = list.slice(-5); } if(page.current > 1){ let li = '<li class="ym_pre"><a onclick="queryService(' + (page.current - 1) +')">PREVIEW</a></li>' $(".page-tool").append(li); } for (let x in list){ let li = ''; li += '<li onclick="queryService(' + (list[x]) +')" class="' + (list[x] == page.current ? 'active page_ym' : 'page_ym') + '" >'; if(list[x] == page.current){ li += '<span >' + list[x] +' </span>'; } if(list[x] != page.current){ li += '<a>' + list[x] +'</a>'; } li += '</li>'; $(".page-tool").append(li); } if((page.current + 1) <= page.pages){ let li = '<li class="ym_next"><a onclick="queryService(' + (page.current + 1) +')">NEXT</a></li>'; $(".page-tool").append(li); } } </script>  <div class="live" id="J_prismPlayer">  </div>  <div class="search_zong sy_search"> <div id="search-dom" class="container pb" style="width: 970px;"> <div class="row"> <div class="navheader search_ss"> <div class="navbar-header col-sm-1"> <div class="bjjt_1"> <a class="navbar-brand" style="padding:0 0 0 15px;" href="javascript:history.back(-1)"><img alt="Brand" style="max-width:130px;" src="/static/images/jjt.png"></a> </div> <div class="hdMenu search_menu"></div> </div> <div class="s_sousou" id="ser_ss"> <div class="search_icon search_xlss"></div> </div> </div> <div class="search_top"> <div class="search_type col-xs-12 col-sm-12"> <div class="demo-box"> <table class="demo-table"> <tr> <td class="t_left col-sm-1">名称</td> <td class="t_right col-sm-11"><input id="search-name" type="text" value="" name="name"> </td> </tr> </table> <div class="sousuo col-sm-12"> <input type="hidden" id="search-lang" value="cn"> <input type="hidden" id="search-mid" value=""> <a id="search">搜索</a> </div> </div> </div> <div style="clear:both"></div> </div> <div class="search_t col-sm-12 col-xs-12" style="margin-top: 36px;"> <ul> <li data="1" class="col-xs-4 col-sm-2 current"> <a>美食</a> <p class="search_hx"></p> </li> <li data="2" class="col-xs-4 col-sm-2 "> <a>场馆</a> <p class="search_hx"></p> </li> <li data="3" class="col-xs-4 col-sm-2 "> <a>酒店</a> <p class="search_hx"></p> </li> <li data="4" class="col-xs-4 col-sm-2 "> <a>购物</a> <p class="search_hx"></p> </li> <li data="5" class="col-xs-4 col-sm-2"> <a>景点</a> <p class="search_hx"></p> </li> <li data="6" class="col-xs-4 col-sm-2"> <a>新闻</a> <p class="search_hx"></p> </li> </ul> </div> <div class="search_botom col-sm-12"> <h4 class="s_amount" style="display: none;">结果：<span id="result-total-id"></span> </h4> <div class="main-container"> <div class="container pb" style="width: 970px;"> <div class="row main-container-row" > <div class="col-xs-12 col-sm-12 search_xs"> <div class="article-content column-pc1 dining-pc" id="search-content-id"> <div class="article-column padding_1" id="search-list-id"> </div> <div class="article-column padding_1" style="cursor: pointer;" id="search-list-id1"> </div>       </div> </div> <div style="clear:both"></div> </div> </div> </div> </div> </div> <script> let spage = 1; let sloaded = true; function querySearchPage(page) { let keyword = $("#search-name").val() let type = $(".current").attr('data'); let lang = $("#search-lang").val(); let mid = $("#search-mid").val(); if (!keyword) { return; } $.ajax({ type: 'POST', url: 'https://api.meet-in-shanghai.net/api/home/search/page', data: { keyword: keyword, type: type, lang: lang, page: page, mid: mid }, dataType: 'json', success: function (res) { console.log(res); // searchPageTool(res.data); $(".s_amount").show(); $("#result-total-id").html(res.data.total); // $(".search_botom").append(res); // document.documentElement.scrollTop = 0; for (let i = 0; i < res.data.records.length; i++) { let item = res.data.records[i]; let mid = '' let _content = ''; if (type < 6) { let _content = ''; _content += '<div class="media our-column-item" style="cursor: pointer" data="' + '/' + lang + '/' + item.link + '">'; _content += ' <div class="media-left col-sm-4 col-xs-12">'; _content += ' <a class="thumbnail">'; _content += ' <img class="media-object col-image" src="' + item.thumbnailpic + '">'; _content += ' </a>'; _content += ' </div>'; _content += ' <div class="media-body-1 col-sm-8 col-xs-12">'; _content += ' <a ><h4>' + item.name + '</h4></a>'; _content += ' <div class="dynamic-li">'; _content += ' <div class="dynamic_location">'; _content += ' <img src="../../static/images/SketchPng433e39731a7cc016c57593be1cfc039923a7ff0e90da69edf7f7f93a2f2efc5d.png">'; _content += ' 地址： ' + (item.address); _content += ' </div>'; _content += ' <div class="dynamic_phone">'; _content += ' <img src="../../static/images/SketchPng02f1e4b456304151f709eccb88d0242e38f2e29b91012d1c6af942a46d723991.png">'; _content += ' 电话：' + item.placephone; _content += ' </div>'; _content += ' </div>'; _content += ' <div class="dynamic-li-bq">'; _content += ' <ul>'; for (let j = 0; j < item.tags.length; j++) { let tag = item.tags[j] _content += ' <li><a>' + tag + '</a></li>'; } _content += ' </ul>'; _content += ' </div>'; _content += ' </div>'; _content += '</div>'; $("#search-list-id").append(_content); } else { let _content = ''; _content += '<div class="media our-column-item" data="' + '/' + lang + '/' + item.link + '">'; _content += ' <div class="media-left col-sm-4 col-xs-12">'; _content += ' <a class="thumbnail">'; _content += ' <img class="media-object col-image " src="' + item.headpic + '">'; _content += ' </a>'; _content += ' </div>'; _content += ' <div class="media-body-1 col-sm-8 col-xs-12">'; _content += ' <a><h4>' + item.title + '</h4></a>'; _content += ' <div class="dynamic-li">'; _content += ' <div class="dynamic_location">'; _content += ' <p>' + item.summary + '</p>'; _content += ' </div>'; _content += ' <div class="dynamic_phone" >'; _content += ' <img src="../../static/images/time.png"><span>' + item.createTimeCN + '</span>'; _content += ' </div>'; _content += ' </div>'; _content += ' </div>'; _content += '</div>'; $("#search-list-id1").append(_content); } $(".our-column-item").on('click', function () { let data = $(this).attr('data') window.location.href = data }) } if(spage < res.data.pages){ sloaded = true; } } }); } $(function () { // tab 切换 $(".search_t ul li").on('click', function () { // $("#search-list-id").empty(); // $("#search-list-id1").empty(); $(".search_t ul li").removeClass('current'); $(this).addClass('current') $("#search-list-id").empty(); $("#search-list-id1").empty(); $(".page-search").empty(); $(".s_amount").hide(); spage = 1; querySearchPage(1); }) //搜索 $("#search").on('click', function () { $("#search-list-id").empty(); $("#search-list-id1").empty(); querySearchPage(1); }) $('.search_zong').scroll(function(e) { let type = $(".current").attr('data'); let height = ( type < 6 ? $("#search-list-id").innerHeight() : $("#search-list-id1").innerHeight()); if(($('.search_zong').scrollTop() + 460) > height && sloaded ){ sloaded = false spage ++; querySearchPage(spage) } }); }) </script> </div> </div>  <div id="footer"> <div class="foot_top"> <div class="container"> <div class="row"> <div class="col-xs-2 col-sm-1 footer-item ewm"> <div class="footer-list"> <img class="image_2" referrerpolicy="no-referrer" src="/static/images/SketchPng0c1358ffed574b5c21c83d4149b6d4901109e36478392e2b82c4668efb692432.png"> </div> </div> <div class="col-xs-10 col-sm-4 footer-item"> <div class="footer-list"> <ul> <li class="col-xs-3 col-sm-4 footnav"><a href="/cn/about/">关于我们</a></li> <li class="col-xs-3 col-sm-4 footnav"><a href="/cn/about/links/">链接</a></li> <li class="col-xs-3 col-sm-4 footnav"><a href="/cn/about/contact/">联系我们</a></li> </ul> </div> </div> <div class="col-xs-12 col-sm-7 footer-item qcode"> <div class="col-xs-5 col-sm-6 footer-list foot_qcode"> <ul> <li class="col-xs-4 col-sm-4 footnavqcode"><img src="/static/images/qcode_1.png"></li> <li class="col-xs-4 col-sm-4 footnavqcode"><img src="/static/images/qcode_2.png"></li> <li class="col-xs-4 col-sm-4 footnavqcode"><img src="/static/images/qcode_3.jpg"></li> </ul> </div> <div class="col-xs-4 col-sm-3 footer-item links"> <div class="footer-list foot_link"> <span class="col-xs-7 col-sm-7 fri">友情链接</span> <img class="image_3 col-xs-5 col-sm-5" referrerpolicy="no-referrer" src="/static/images/links.jpg"> </div> </div> <div class="col-xs-3 col-sm-3 footer-item lans"> <span class="foot_lans xlk_img_1" style="/*margin-top: 26px;float: left;*/">中文</span> <img class="img-xiala xlk_img_1" style="/*margin-top: 26px;float: left;*/ transform: translateY(6px)" src="/static/images/sketchpnga4116e24326d8b0e5255969e27b619bd459423c0aa4e2c60cd08dc062f7d6355.png"> <div class="xlk_lan_1" style="min-width: 140px; transform: translateX(-50%);opacity:1"> <ul class="ul-menu" style="min-width: 140px;"> <li> <a href="/cn/">中文</a> </li> <li> <a href="/en/">English</a> </li> <li> <a href="/jpn/">日本語</a> </li> <li> <a href="/kr/">한국어</a> </li> <li> <a href="/de/">Deutsch</a> </li> <li> <a href="/es/">Español</a> </li> <li> <a href="/tc/">繁體中文</a> </li> <li> <a href="/fr/">Français</a> </li> <li> <a href="/rus/">Pусскийязык</a> </li> <li> <a href="/ita/">Italiano</a> </li> <li> <a href="/my/">Bahasa Malaysia</a> </li> <li> <a href="/id/">Bahasa Indonesia</a> </li> <li> <a href="/th/">ภาษาไทย</a> </li> <li> <a href="/xa/">العربية</a> </li> </ul> </div> </div> </div> <div class="clearfix"></div> </div> </div> </div> <div class="foot_bottom"> <div class="container"> <div class="row"> <p>Copyright ©2005-2024 上海市文化和旅游局</p> <p><a href="https://beian.miit.gov.cn/" target="_blank" style="color: #fff">沪ICP备2021008068号-1</a></p> </div> </div> </div> </div>  <script src="/static/js/index_slick.js"></script> <script src="/static/js/index.js"></script> <script src="/static/js/footyy.js"></script> <script type="text/javascript" src="/static/js/swiper.min.js"></script> <script type="text/javascript" src="/static/js/swp.js"></script> <script type="text/javascript" src="/static/js/menus.js"></script> <script type="text/javascript" src="/static/js/public.js"></script> <script> $(function () { queryCrumbs(); }) function queryCrumbs(uid) { let uuid = uid ? uid : '' let mid = getQueryString("mid"); if(mid){ uuid = mid; } $.ajax({ type: 'POST', url: 'https://api.meet-in-shanghai.net/api/home/crumbs', data: { lang: 'cn', mid: uuid, }, dataType: 'json', success: function (res) { $(".breadcrumb").empty(); let title = $("#breadcrumb-id").val(); if(!title || '>' === title){ title = '' } let li = '<li><a>'+ (res.data.crumbs + title) +'</a></li>'; $(".breadcrumb").append(li); }, }); } function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); } return null; } </script> <script type="text/javascript" src="../../static/js/cnIndex.js"></script>  <script> window.localStorage.removeItem('current-menus'); $(function () { $('.scaleBg').on('click',function () { let data = $(this).attr('data') if(data.indexOf("http") >= 0){ window.open(data) }else { window.location.href = data; } }) // queryIndexPage(); // queryHotelPage(); queryOneWebcontent(); live(); }) function live() { $.ajax({ type: 'POST', url: 'https://api.meet-in-shanghai.net/api/home/live', dataType: 'json', data: { lang: 'cn', }, success: function (res) { if(res.data && res.data.length > 0){ $("#J_prismPlayer").empty(); let item = res.data[0] $("#J_prismPlayer").append('<img style="cursor: pointer;" class="go-live" width="300" height="200" src="'+ item.headpic +'">'); $("#J_prismPlayer").append('<img style="cursor: pointer;position: absolute;bottom: 90px;left: 130px;" class="go-live" width="40" height="40" src="/static/images/play-filling.png">'); $(".go-live").on('click',function () { window.location.href = '/cn/248e7570e3da473a964d03b70fa228ea.html' }) } }, }); } function queryOneWebcontent() { let lang = 'cn'; $.ajax({ type: 'POST', url: 'https://api.meet-in-shanghai.net/api/home/getWebContent', dataType: 'json', data:{ lang:lang }, success: function (res) { console.log(res) $("#xltj-id").empty(); let item = res.data; let _content = ''; _content += '<div class="dream_title">'; _content += ' <div class="dream_t_left col-sm-6 col-xs-6">'; _content += ' <div class="dream_xx"><div class="hx_xx"></div></div>'; _content += ' <span>游览攻略</span>'; _content += ' </div>'; _content += ' <div style="clear:both"></div>'; _content += '</div>'; _content += '<div class="dream_left col-sm-6 col-xs-12">'; _content += ' <img src="' + item.headpic + '"></div>'; _content += '<div class="dream_right col-sm-6 col-xs-12" >'; _content += ' <h4>' + item.title + '</h4>'; _content += ' <p >' + item.summary + '</p>'; // _content += ' <p >' + item.datesummary + '</p>'; _content += ' <div class="dream_bott">'; _content += ' <div class="bott_left" data="/' + lang + '/' + item.link + '"><a >详情</a></div>'; _content += ' <div class="bott_right" data="/' + lang + '/guide/"><a >更多</a></div>'; _content += ' </div>'; _content += '</div>'; _content += '<div style="clear:both"></div>'; $("#xltj-id").append(_content); $(".dream_bott div").on('click',function () { let data = $(this).attr('data') window.location.href = data }) }, }); } function init() { $('.index_banner').slick({ autoplay: true, arrows: false, dots:false, infinite: true, speed: 500, autoplaySpeed: 5000, pauseOnHover: false, fade: true, responsive: [ { breakpoint: 992, settings: { dots: true } } ] }); $('.index_banner').init(function(slick){ $('.index_banner .item.slick-current').addClass('active').siblings().removeClass('active') }) $('.index_banner').on('afterChange',function(slick,currentSlide){ $('.index_banner .item.slick-current').addClass('active').siblings().removeClass('active'); var _index = $('.index_banner').slick('slickCurrentSlide') $('.section1 .number span').eq(_index).addClass('active').siblings().removeClass('active') }) $('.section1 .number span').click(function(){ var _index = $(this).index(); $('.index_banner').slick('slickGoTo',_index); $(this).addClass("active").siblings().removeClass("active") }); $('.section1 .prev').click(function(){ $('.index_banner').slick('slickPrev') }) $('.section1 .next').click(function(){ $('.index_banner').slick('slickNext'); }); } </script> </body> </html>

CINXE.COM

上海市文化和旅游局，上海官方中国旅游网站，上海旅游网站，上海旅游局