jQuery營銷網絡地圖tab標簽選項卡切換代碼



128 508 170



特效描述:jQuery 營銷網絡地圖 tab標簽 選項卡切換,jQuery營銷網絡地圖切換代碼,鼠標懸停地圖上面的錨點,內容響應的切換顯示代碼。

代碼結構

1. 引入CSS

<link rel="stylesheet" href="css/reset.css"/>
<link rel="stylesheet" href="css/public.css"/>
<link rel="stylesheet" href="css/animate.min.css"/>

2. 引入JS

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/others.js"></script>

3. HTML代碼

<div id="inmain">
    <div class="incontent">
        <div class="w1230 clearfix">
            <div class="layoutintro clearfix">
                <div class="chinamap animated fadeIn">
                    <a href="javascript:void(0);" class="point point-henan hovers" data-id="henan"><span>河南省</span></a>
                    <a href="javascript:void(0);" class="point point-anhui "  data-id="anhui"><span>安徽省</span></a>
                    <a href="javascript:void(0);" class="point point-shandong " data-id="shandong"><span>山東省</span></a>
                    <a href="javascript:void(0);" class="point point-guangdong " data-id="guangdong"><span>廣東省</span></a>
                    <a href="javascript:void(0);" class="point point-guizhou " data-id="guizhou"><span>貴州省</span></a>
                    <a href="javascript:void(0);" class="point point-liaoning " data-id="liaoning"><span>遼寧省</span></a>
                    <a href="javascript:void(0);" class="point point-xinjiang " data-id="xinjiang"><span>新疆</span></a>
                    <a href="javascript:void(0);" class="point point-yunnan " data-id="yunnan"><span>云南省</span></a>
                </div>
                <div class="worldmap animated fadeIn dn">
                    <a href="javascript:void(0);" class="point point-Espana hovers" data-id="Espana"><span>西班牙</span></a>
                    <a href="javascript:void(0);" class="point point-vietnam "  data-id="vietnam"><span>越南</span></a>
                    <a href="javascript:void(0);" class="point point-germany " data-id="germany"><span>德國</span></a>
                    <a href="javascript:void(0);" class="point point-norway " data-id="norway"><span>挪威</span></a>
                    <a href="javascript:void(0);" class="point point-Netherlands " data-id="Netherlands"><span>荷蘭</span></a>
                    <a href="javascript:void(0);" class="point point-singapore "  data-id="singapore"><span>新加坡</span></a>
                    <a href="javascript:void(0);" class="point point-israel " data-id="israel"><span>以色列</span></a>
                    <a href="javascript:void(0);" class="point point-usa " data-id="usa"><span>美國</span></a>
                </div>
                <div class="layoutbox animated fadeInRight">
                    <ul class="layout-title clearfix">
                        <li class="icon-map-china current"><a href="javascript:void(0);">生產布局</a></li>
                        <li class="icon-map-world"><a href="javascript:void(0);">海外機構</a></li>
                    </ul>
                    <div class="layout-intro">
                        <h4>覆蓋全國的產業布局</h4>
                        <p>
                            金正大通過新設、收購或合作租賃等方式,在山東臨沭、山東菏澤、安徽長豐、河南鄲城、河南駐馬店、遼寧鐵嶺、貴州甕安、云南晉寧、山東德州、廣東英德、新疆阿克蘇、湖北潛江等地進行基地建設,形成了覆蓋全國主要產糧區的產業布局,更加貼近原料產地和銷售場,大大縮短了運輸距離與服務半徑,進一步提高了企業的競爭力。
                        </p>
                    </div>
                    <div class="layout-intro dn">
                        <h4>由“中國領先”向“世界領先”邁進</h4>
                        <p>
                            金正大堅持國際化戰略,在美國、挪威、以色列、德國、荷蘭、越南、香港等地設有分支機構,全面推進人才、資本、技術和產品的國際化,實現由“中國領先”向“世界領先”的邁進,將金正大打造成具有世界影響力的控股企業集團。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="layout-desc-box">
            <i class="icon-dir"></i>
            <div class="layout-desc clearfix " data-content="henan">
                <div class="layout-pic">
                    <a href="javascript:void(0);" style="display: block;">
                        <img src="img/1.jpg"/>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="img/1.jpg"/>
                    </a>
                </div>
                <div class="layout-tab">
                    <ul class="layout-tab-title">
                        <li class="current"><a href="javascript:void(0);">河南金正大生態工程有限公司</a></li>
                        <li><a href="javascript:void(0);">河南豫郵金大地科技服務有限公司</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="layout-tab-cont">
                        <p style="display: block;">河南金正大生態工程有限公司成立于2011年4月,是由金正大集團出資6000
                        萬元設立的全資子公司,公司位于河南省周口市鄲城縣城建設街389號,注冊資金6000萬元,員工600余人。年產能為30萬噸復合肥、10萬噸緩控釋肥。公司的建立有利于擴大河南市場份額,更好的貼近客戶,降低公司產品生產及運輸成本,從而進一步提升綜合競爭力。
                        </p>
                        <p>
                            河南豫郵金大地科技服務有限公司由金正大集團與河南省郵政公司合資建立,主要從事復合肥、緩控釋肥等新型肥料生產和銷售。公司位于河南省駐馬店市練江路東段,注冊資本1億元,占地面積124畝,年生產能力40萬噸,現有員工近500人。公司自2012年2月18號開工建設到8月18號建成投產,僅用了短短六個月的時間,開創了駐馬店招商引資建廠的新速度。公司先后取得駐馬店市級科技型企業、駐馬店市級企業技術中心、駐馬店市級工程技術研究中心及駐馬店市十大高新技術企業等榮譽稱號。駐馬店公司的建立可以充分發揮金正大集團與中國郵政雙方各自在資源、市場、技術、資金、服務等方面的優勢,有利于雙方企業做大做強及可持續發展。
                        </p>
                    </div>
                </div>
            </div>
            <div class="layout-desc clearfix dn" data-content="anhui">
                <div class="layout-pic">
                    <a href="javascript:void(0);" style="display: block;">
                        <img src="img/1.jpg"/>
                    </a>
                </div>
                <div class="layout-tab">
                    <ul class="layout-tab-title">
                        <li class="current"><a href="javascript:void(0);">安徽金正大生態工程有限公司</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="layout-tab-cont">
                        <p style="display: block;">
                        安徽金正大成立于2011年1月,是由金正大集團出資設立的全資子公司,也是金正大集團首個省外基地。公司位于安徽省長豐縣新興工業園內,注冊資本1億元,總投資2.18億元。安徽公司總占地面積62000平方米,目前擁有員工500人,采用國內先進生產工藝和技術,設備自動化程度高,是復合肥生產的樣板化工廠,主要從事復混肥料(復合肥)、緩控釋肥料、有機肥料、微生物肥料的生產銷售,年產能為20萬噸復合肥、10萬噸緩控釋肥。安徽金公司的成立,有利于完善金正大的生產力布局,將縮短生產基地與安徽、河南南部、江蘇南部市場距離,進一步降低運輸成本,提升公司產品市場競爭力與農化服務能力。
                        </p>
                    </div>
                </div>
            </div>
            <div class="layout-desc clearfix dn" data-content="shandong">
                <div class="layout-pic">
                    <a href="javascript:void(0);" style="display: block;">
                        <img src="img/1.jpg"/>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="img/1.jpg"/>
                    </a>
                    <a href="javascript:void(0);">
                        <img src="img/1.jpg"/>
                    </a>
                </div>
                <div class="layout-tab">
                    <ul class="layout-tab-title">
                        <li class="current"><a href="javascript:void(0);">臨沭基地</a></li>
                        <li><a href="javascript:void(0);">菏澤金正大生態工程有限公司</a></li>
                        <li><a href="javascript:void(0);">德州金正大生態工程有限公司</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="layout-tab-cont">
                        <p style="display: block;">
                        金正大臨沭基地,位于山東省臨沭縣興大西街19號,主要從事復合肥、緩控釋肥、硝基肥、水溶肥的生產銷售,年產能為110萬噸復合肥、120萬噸緩控釋肥,10萬噸水溶肥。臨沭生產基地是金正大集團最早的生產基地。
                        </p>
                        <p>
                            菏澤金正大成立于2007年5月,位于菏澤經濟開發區,占地2000余畝,擁有員工2300多人,主要從事復混肥、復合肥、緩控釋肥的生產銷售,年產能為60萬噸復合肥、30萬噸緩控釋肥、90萬噸硝基復合肥。作為公司異地擴張的第一個生產基地,菏澤公司的建成和運行,為金正大異地擴張、公司管控積累了寶貴經驗。
                        </p>
                        <p>
                            德州金正大生態工程有限公司成立于2012年12月6日,由金正大集團出資成立,注冊資本6000萬元。公司位于德州市武城縣北方街南運河路東,總占地200畝,主要從事復合肥、緩控釋肥、水溶性肥料及其它新型肥料產品的研發、生產和銷售,年生產能力30萬噸,現有員工500余人。德州是山東的北大門,向北靠近北京、天津,向南鄰河北,都是主要的糧食作物與經濟作物生產區,公司在此設立生產基地,將有效降低運輸與生產成本,優化布局,提升盈利能力,進一步增強公司競爭力。
                        </p>
                    </div>
                </div>
            </div>
            <div class="layout-desc clearfix dn" data-content="guangdong">
                <div class="layout-pic">
                    <a href="javascript:void(0);" style="display: block;">
                        <img src="img/1.jpg"/>
                    </a>
                </div>
                <div class="layout-tab">
                    <ul class="layout-tab-title">
                        <li class="current"><a href="javascript:void(0);">廣東金正大生態工程有限公司</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="layout-tab-cont">
                        <p style="display: block;">
                        廣東金正大生態工程有限公司成立于2013年,位于廣東省英德市英紅工業園,是金正大集團的全資子公司。公司注冊資本1億元,總投資3.3億元,主要從事新型作物專用復合肥、控釋肥、液體肥、水溶性肥料、生物菌肥和黃腐酸鉀的生產與銷售,目前擁有員工400余人。廣東公司的所在地及周邊市場—廣西、湖南、福建、海南是我國南方主要的農作物、經濟作物產區,區內作物播種面積1313
                        萬公頃,市場潛力巨大。公司在此設立是集團有針對性的一次產業布局與優化,將進一步提高集團在南方市場的知名度、市場占有率與服務能力,降低運輸、生產成本,增強集團競爭力。
                        </p>
                    </div>
                </div>
            </div>
            <div class="layout-desc clearfix dn" data-content="guizhou">
                <div class="layout-pic">
                    <a href="javascript:void(0);" style="display: block;">
                        <img src="img/1.jpg"/>
                    </a>
                </div>
                <div class="layout-tab">
                    <ul class="layout-tab-title">
                        <li class="current"><a href="javascript:void(0);">金正大諾泰爾化學有限公司</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="layout-tab-cont">
                        <p style="display: block;">
                            金正大諾泰爾化學有限公司是金正大集團投資成立的子公司,成立于2011年8月26日,注冊資金22.3億元,位于貴州省甕安縣經濟開發區。項目總投資59.6億元,一期占地面積2200畝,是全國最大的硝基肥和水溶肥單體生產基地,年主產品、副產品、及中間品合計425萬噸。項目規劃分兩期進行建設,其中一期工程投資33.6億元,建成后年產值60億元,利稅8.6億元,可解決1800人就業。自2014年4月陸續建成投產,截至目前已完成投資30多億元。二期工程計劃投資26億元,全部建成后可實現年產值104億元,利稅14億元,可安排3000人就業。
                        公司項目按照循環經濟的理念進行規劃和設計,致力于環境友好,資源的綜合利用和高效利用,實現企業的可持續發展。同時,公司打造全產業鏈項目,從最初的礦石選取、原料深加工、中間品、主產品到三廢的處理,形成一個全國領先的完善產業鏈條和磷化工循環經濟的綜合利用示范園區。
                        </p>
                    </div>
                </div>
            </div>
            <div class="layout-desc clearfix dn" data-content="liaoning">
                <div class="layout-pic">
                    <a href="javascript:void(0);" style="display: block;">
                        <img src="img/1.jpg"/>
                    </a>
                </div>
                <div class="layout-tab">
                    <ul class="layout-tab-title">
                        <li class="current"><a href="javascript:void(0);">遼寧金正大生態工程有限公司</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="layout-tab-cont">
                        <p style="display: block;">
                        遼寧金正大成立于2011年10月,位于遼寧省鐵嶺市清河工業園,主要從事復混肥、復合肥、緩控釋肥的生產銷售,年產能為30萬噸復合肥、10萬噸緩控釋肥。設立遼寧金正大是金正大根據東北地區市場現狀,通過合資、合作方式建廠,并通過區域農化服務中心建設,加快實施駐點服務、密集開發,掌控優質渠道資源,提高公司產品在東北地區的市場占有率。遼寧金正大項目建成投產后將改善東北部地區銷售旺季供貨不足的局面,減少流通環節,降低運輸成本,提高公司在東北市場的農化服務能力與市場競爭力。
                        </p>
                    </div>
                </div>
            </div>
            <div class="layout-desc clearfix dn" data-content="xinjiang">
                <div class="layout-pic">
                    <a href="javascript:void(0);" style="display: block;">
                        <img  src="img/1.jpg"/>
                    </a>
                </div>
                <div class="layout-tab">
                    <ul class="layout-tab-title">
                        <li class="current"><a href="javascript:void(0);">新疆金正大農佳樂生態工程有限公司</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="layout-tab-cont">
                        <p style="display: block;">
                        金正大集團與新疆農資集團在2015年3月2日簽署戰略合作協議,控股組建了新疆金正大農佳樂生態工程有限公司,項目地址在阿克蘇西工業園區西湖路東側,規劃占地面積200余畝;項目分期實施,規劃建設20萬噸/年新型作物專用肥、10萬噸/年水溶肥、10萬噸/年功能性液體肥料。
                        </p>
                    </div>
                </div>
            </div>
            <div class="layout-desc clearfix dn" data-content="yunnan">
                <div class="layout-pic">
                    <a href="javascript:void(0);" style="display: block;">
                        <img src="img/1.jpg"/>
                    </a>
                </div>
                <div class="layout-tab">
                    <ul class="layout-tab-title">
                        <li class="current"><a href="javascript:void(0);">云南金正大生態工程有限公司</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="layout-tab-cont">
                        <p style="display: block;">
                        云南中正化學工業有限公司是一家從事磷化工產品生產與銷售的研發型企業,于2011年被金正大集團全資收購。公司坐落于云南省昆明市晉寧縣二街工業園區,占地近100畝,現有員工400余人,建有粉狀磷酸一銨及其配套硫磺制酸生產裝置及水溶肥生產線,采用了先進的生產工藝流程,生產的磷酸一銨(MAP)、水溶肥、氟硅酸等產品出口到韓國、越南、老撾等東南亞國家,國內主要銷往黑龍江、上海、山東、浙江等十余個省市。云南公司的設立,將進一步優化公司產業布局,降低運輸成本,拓寬在西南地區的市場份額。同時公司依托當地的磷礦、煤礦等礦產資源,進行磷資源深加工,可實現公司產業鏈向上游延伸的縱向擴張,彌補公司缺乏原材料成本優勢的短板,豐富產品線,提升盈利水平,實現生產布局進一步優化。
                        </p>
                    </div>
                </div>
            </div>
            <div class="layout-desc clearfix dn" data-content="Espana">
                <div class="layout-pic">
                    <a href="javascript:void(0);" style="display: block;">
                        <img  src="img/1.jpg"/>
                    </a>
                </div>
                <div class="layout-tab">
                    <ul class="layout-tab-title">
                        <li class="current"><a href="javascript:void(0);">Navasa公司</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="layout-tab-cont">
                        <p style="display: block;">
                            A.Navarro, S.A.(以下簡稱“Navasa公司”)位于西班牙南部阿爾梅里亞省。Navasa 公司在阿爾梅里亞地區的農業經營活動有五十多年,目前已成為當地有知名度和影響力的農業服務提供商。 Navasa
                        公司經營范圍是肥料、植保產品、殺蟲劑等相關生產、銷售和技術服務,包括液體固體肥料的存儲、分裝、批發以及一些大型跨國公司農資產品的區域經銷。2016年6月30日,金正大生態工程集團股份有限公司控股子公司德國金正大有限公司之全資子公司
                        KingentaInvestco,S.L.與西班牙 A.Nava, S.A.兩大股東簽署了《股權買賣協議》,金正大西班牙公司以 5,565,000 歐元價格收購賣方持有 Navasa 公司
                        70%的股權,并于9月完成了本次收購的全部交割工作。
                        </p>
                    </div>
                </div>
            </div>
            <div class="layout-desc clearfix dn" data-content="vietnam">
                <div class="layout-pic">
                    <a href="javascript:void(0);" style="display: block;">
                        <img src="img/1.jpg"/>
                    </a>
                </div>
                <div class="layout-tab">
                    <ul class="layout-tab-title">
                        <li class="current"><a href="javascript:void(0);">金正大越南辦事處</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="layout-tab-cont">
                        <p style="display: block;">
                        金正大越南辦事處2015年成立,位于越南最大城市胡志明市。越南辦事處是集團定位東南亞市場的海外布局之一。越南辦事處業務包括產品銷售、品牌推廣、高新技術產品聯合研發、試驗示范等基礎性營銷推廣,同時涉及海外資產布局,核心技術國際化保護,疏通集團海外進出口渠道,打造境外運營基地等。
                        </p>
                    </div>
                </div>
            </div>
            <div class="layout-desc clearfix dn" data-content="germany">
                <div class="layout-pic">
                    <a href="javascript:void(0);" style="display: block;">
                        <img src="img/1.jpg"/>
                    </a>
                </div>
                <div class="layout-tab">
                    <ul class="layout-tab-title">
                        <li class="current"><a href="javascript:void(0);">金正大德國分支機構</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="layout-tab-cont">
                        <p style="display: block;">
                            2016年4月7日,金正大集團發布公告,以不超過1.16億歐元(約8.5億元人民幣)的價格收購Compo AcquiCo
                            S.à.r.l.(盧森堡康樸公司)旗下康樸公司園藝業務100%股份。Compo AcquiCo S.à.r.l.(盧森堡康樸公司)旗下包括COMPO GmbH(德國康樸公司)、 COMPO
                            France SAS(法國康樸公司)、 COMPO Italia S.r.l.(意大利康樸公司)在內的24家從事家用園藝業務公司的股份。
                            當地時間7月12日,金正大集團在德國法蘭克福舉行并購德國康樸公司(Compo GmbH)交割簽約儀式。
                            康樸公司成立于1956年,是一家有著60年歷史的全球知名肥料企業,是全球園藝及城市消費高端肥料市場領導者。
                        </p>
                    </div>
                </div>
            </div>
            <div class="layout-desc clearfix dn" data-content="Netherlands">
                <div class="layout-pic">
                    <a href="javascript:void(0);" style="display: block;">
                        <img src="img/1.jpg"/>
                    </a>
                </div>
                <div class="layout-tab">
                    <ul class="layout-tab-title">
                        <li class="current"><a href="javascript:void(0);">荷蘭分支機構</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="layout-tab-cont">
                        <p style="display: block;">
                            2016年1月,金正大全資子公司金正大(香港)投資有限公司通過在荷蘭設立的EKOMPANY INTERNATIONAL B.V.與荷蘭EKOMPANY AGRO
                            B.V.簽署了《資產購買協議》,以610萬歐元價格收購荷蘭包膜緩控釋肥、摻混控釋肥生產企業EKOMPANY AGRO B.V.公司資產。
                            EKOMPANY位于荷蘭BORN,處于德國、比利時、荷蘭交界處。成立于2010年,主要生產包膜緩控釋肥、摻混控釋肥的生產,擁有4萬噸/年包膜緩控釋肥生產線,6萬噸/年摻混肥料生產線,于2013年建成投產,產能占歐洲包膜緩控釋肥產能的45%,為歐洲產能最大的包膜緩控釋肥企業。本次收購使公司快速獲得了歐洲最大的緩控釋肥生產基地,進一步提高公司在控釋肥領域的國際競爭力。
                        </p>
                    </div>
                </div>
            </div>
            <div class="layout-desc clearfix dn" data-content="israel">
                <div class="layout-pic">
                    <a href="javascript:void(0);" style="display: block;">
                        <img src="img/1.jpg"/>
                    </a>
                </div>
                <div class="layout-tab">
                    <ul class="layout-tab-title">
                        <li class="current"><a href="javascript:void(0);">利夫納特農業科技研究中心</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="layout-tab-cont">
                        <p style="display: block;">
                        金正大—利夫納特農業科技研究中心成立于2014年11月,是金正大在以色列特拉維夫設立的海外研發機構。該中心立足中以雙方資源優勢,追蹤國際先進農業技術、開展高級技術人才的培訓、農業新技術項目的國際合作研究、現代農業示范園建設和水肥一體化示范推廣等,并根據研究組織各類學術研討會。該中心將成為金正大從以色列引進先進農業技術的窗口和橋梁,推動以色列農業技術及優良作物品種在中國的應用推廣。
                        </p>
                    </div>
                </div>
            </div>
            <div class="layout-desc clearfix dn" data-content="usa">
                <div class="layout-pic">
                    <a href="javascript:void(0);" style="display: block;">
                        <img  src="img/1.jpg"/>
                    </a>
                </div>
                <div class="layout-tab">
                    <ul class="layout-tab-title">
                        <li class="current"><a href="javascript:void(0);">金正大集團北美辦事處</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <div class="layout-tab-cont">
                        <p style="display: block;">
                        金正大集團北美辦事處位于美國洛杉磯,成立于2015年10月,作為金正大在北美的一個窗口,辦事處圍繞技術研發、信息收集、合作交流、產品貿易等開展工作,引進國際先進技術和高端人才,推動金正大新技術、新產品走向國際。“金正大(美國)新型肥料研發中心”2006年在華盛頓設立,主要從事緩控釋肥的研發、技術合作、北美地區試驗示范等。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動切換 滾動條切換 滑動選項卡 滑動切換 flash焦點圖 flash幻燈片 flashbanner flash圖片輪播 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 滑動星星打分 焦點圖 幻燈片 輪播圖 bar焦點圖 其他 地圖 中國地圖 世界地圖 帶簡介的焦點圖 選項卡自動切換 鼠標滑過 鼠標懸停 跟隨鼠標移動
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子