video自动播放实现
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met...
标签: js代码
js使用localStorage和元素属性完成多语言切换功能
var lans = localStorage.getItem('lan'); function lan(el,type){ $el = $(el); ...
标签: js代码
swiper箭头跟随鼠标切换效果
<style type="text/css"> .nycga .slide-cp .sbtn{margin-top: .4rem} .nycga .slide-cp .sbtn a{d...
简单的视频弹窗播放效果
<!-- 样式 --> <style type="text/css"> .video_pop{display: block; width: 100%; height: 10...
标签: js代码
页面内滚动锚点动画
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>页面内滚动锚...
标签: js代码
页面传参滚动锚点动画（swiper传参滚动到指定slide）
传参url about.html?model=2 <script type="text/javascript"> //获取参数函数 function GetQueryValue...
标签: swiper
js设置/读取/删除cookies方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Docume...
标签: js代码
js引用cdn资源不稳定处理方法
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" ></script&g...
标签: js代码
sessionStorage详细使用方法
1.1 说明 sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。 在JavaS...
标签: js
ES6解构赋值的用途
（1）交换变量的值 let x = 1;let y = 2;[x, y] = [y, x];1234 上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰 ...
标签: js
使用js获取svg路径长度
<svg viewBox="0 0 600 600"><path class="path-loop" d="M300,7L300,7c161.8,0,293,131.2,293,2...
js获取视频时长
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js"></script> ...
标签: js代码