百度地图点击地图获取经纬度

最新推荐文章于 2024-08-09 15:16:49 发布

a771948524

最新推荐文章于 2024-08-09 15:16:49 发布

阅读量1.3k

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/zxlstudio/article/details/41011075

版权

web 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

<html>
  <head>
    <meta charset="utf-8"/>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
      
      var colors = ['#FFB6C1', '#DC143C', '#EE82EE', '#4B0082', '#191970', '#00CED1', '#00FF7F', '#808000']; //定义随机颜色数组
      var i = 0; //当先显示颜色
      
      function Refresh() {//刷新更换显色函数
          i = parseInt(colors.length * Math.random()); //获取一个随机数(随机显示不同的颜色)
          $('.borderChange').css('borderColor', colors[i]); //制定原色的颜色
      }
      
      var MyInterval;

      function start(){
        MyInterval = setInterval("Refresh()", 500); // 自动刷新函数 刷新间隔时间1000毫秒 =》0.5秒 执行 （刷新更换显色函数0
      }

      function end(){
        clearInterval(MyInterval);
      }

    </script>

  </head>
<body>

  <input id="Button1" type="button" value="开始" οnclick="start()" />
  <input id="Button1" type="button" value="结束" οnclick="end()" />

  <div class="borderChange" style="border: 4px solid rgb(128, 128, 0); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;">
    <img width="160" src="http://ytlsjj.com/images/%E5%85%B0%E8%88%8D%20logo.jpg" title="点击进法国兰舍官方网站">
  </div>

</body>
<html>