html5svg+jQuery+jsMap矢量中国地图插件.zip资源-CSDN文库

共3个文件

js：2个

html：1个

版权申诉

特效代码

jquery插件

jquery特效

121 浏览量 2023-09-26 01:42:30 上传评论收藏 346KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

html5 svg+jQuery+jsMap矢量中国地图插件.zip （3个子文件）

jsMap-1.1.0.min.js 1003KB

jquery.min.js 95KB

index.html 2KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" content="webkit"> <title>html5 svg+jQuery+jsMap矢量中国地图插件</title> <script src="js/jquery.min.js"></script> <script src="js/jsMap-1.1.0.min.js"></script> <style> *{margin:0;padding:0;} h1{text-align:center;font-weight:normal;font-size:34px;margin-top:40px;} .container{width:1300px;height:1050px;margin:30px auto;} .container>div{float:left;width:650px;height:500px;margin-bottom:25px;} </style> </head> <body><script src="/demos/googlegg.js"></script> <h1>jsMap 矢量地图插件</h1> <div class="container"> <div id="container-01"></div> <div id="container-02"></div> <div id="container-03"></div> <div id="container-04"></div> </div> <div id="container"></div> <script> jsMap.config("#container-01", { name: "china", width: 600, height: 400 }) jsMap.config("#container-02", { name: "china", width: 600, height: 400, areaName: true }) jsMap.config("#container-03", { name: "china", width: 600, height: 400, fill: "#00C7B6" }) jsMap.config("#container-04", { name: "china", width: 600, height: 400, fill: "#00C7B6", areaName: true }) </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p> <p>更多源码：<a href="http://www.96flw.com/" target="_blank">www.96flw.com</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉