想实现根据输入x,y坐标，居中显示效果 map.getView().animate({ // 只设置需要的属性即可 center: [经度,纬度 ], // 中心点 zoom: 15, // 缩放级别 rotation: undefined, // 缩放完成view视图旋转弧度 duration: ...
分类：
其他好文 时间：
2020-12-09 11:58:54
阅读次数：
6
jQuery知识总结 1、语法：$(document).ready(function(){}) $(function(){}); 2、光标手形：cursor：pointer； 3、jQuery事件处理方法 -click（） 鼠标单击事件 -dblclick（） 鼠标双击事件 -focus（） 获取焦 ...
分类：
Web程序 时间：
2020-10-16 11:07:13
阅读次数：
37
.案例：返回顶部 带有动画的返回顶部 此时可以继续使用我们封装的动画函数 只需要把所有的left 相关的值改为 跟 页面垂直滚动距离相关就可以了 页面滚动了多少，可以通过 window.pageYOffset 得到 最后是页面滚动，使用 window.scroll(x,y) <script> // ...
分类：
其他好文 时间：
2020-10-08 18:05:19
阅读次数：
19
1、非列表的动画 将需要进行动画的元素用transition 包裹起来 在style里进行动画设置 进入的时候动画：v-enter{//动画的开始 transform:...}、v-enter-active{ //动画的过渡transition:...}、v-active-to{// 动画的结束tr ...
分类：
其他好文 时间：
2020-09-17 19:04:29
阅读次数：
30
参考地址： http://www.animate.net.cn/ 官方地址： https://animate.style/ https://github.com/animate-css/animate.css 只需两步 链接css文件 <link rel="stylesheet" href="sty ...
分类：
Web程序 时间：
2020-07-26 01:29:55
阅读次数：
175
Best-Flutter-UI-Templates 地址：https://github.com/mitesh77/Best-Flutter-UI-Templates The History of Everything 地址：https://github.com/2d-inc/HistoryOfEve ...
分类：
其他好文 时间：
2020-07-20 10:35:39
阅读次数：
70
我们以往实现平滑滚动往往用的是jQuery, 如实现平滑回到顶部，就写如下代码： $(‘.js_go_to_top‘).click(function () { $(".js_scroll_area").animate({scrollTop: 0}, 600); }); 我们现在可能通过css实现这一 ...
分类：
Web程序 时间：
2020-07-19 00:35:24
阅读次数：
142
网页中常常会有一个 返回顶部的功能，恰巧我这天写到了，在网上找了一下思路，下面就写了一个案例： 效果预览：https://li_shang_shan.gitee.io/small_rocket_back_to_top。 代码就直接粘贴了： <html> <head> <meta charset="u ...
分类：
其他好文 时间：
2020-07-15 23:53:07
阅读次数：
81
1. Vue 官网引用的是 animate.css 3.5 版本 <link href="https://cdn.jsdelivr.net/npm/animate.css@3.5.1" rel="stylesheet" type="text/css"> 2. 不能引用 animate.css 最新版 ...
分类：
Web程序 时间：
2020-07-13 11:45:39
阅读次数：
490
创建剪切动画 对于剪切动画，使用clip-path代替width/height，避免DOM重排导致性能过低。 .animate { width: 200px; height: 200px; background: #000; animation: 1s clip; } @keyframes clip ...
分类：
Web程序 时间：
2020-07-10 00:09:31
阅读次数：
86
