JS
关注
分享
扫一扫
文章平均质量分 56
常用JS
Fish北冥
见山海，见天地，见自己
展开
-
swiper居中且左右不留白
swiper在不循环的情况下居中，同时左右不留白主要适用于有多个swiper需要切换，如发展历程中每个年份对应不同swiper，点击年份需要切换对应swiper原创 2024-12-31 11:04:02 · 436 阅读 · 0 评论 -
canvas根据图片生成粒子动画
canvs根据图片生成粒子动画效果原创 2024-08-01 15:55:00 · 549 阅读 · 0 评论 -
百度/高德地图多点标注，多个信息窗口
百度地图，高德地图多点标注，多个信息窗口原创 2024-06-17 15:26:41 · 1039 阅读 · 0 评论 -
javascript：复制粘贴功能
第一种方式复制后页面中出现可编辑区域，介意的可以选择第二种方式。javascritp复制粘贴。//进行复制到剪切板。//进行复制到剪切板。原创 2024-05-17 18:01:59 · 822 阅读 · 1 评论 -
jQuery瀑布流画廊，瀑布流动态加载
jQuery瀑布流动态加载，瀑布流画廊点击图片弹窗展示，点击可切换原创 2024-02-23 09:32:17 · 515 阅读 · 0 评论 -
canvas水波纹效果，jquery鼠标水波纹插件
jQuery，canvas水波纹效果，鼠标滑动点击水波纹特效原创 2024-02-22 16:23:40 · 1119 阅读 · 0 评论 -
jQuery圆形轮播自动切换图文
jQuery圆形轮播自动切换图文原创 2024-01-11 09:12:35 · 1305 阅读 · 0 评论 -
jQuery页面整屏滚动
jQuery页面整屏滚动原创 2024-01-06 09:28:35 · 629 阅读 · 0 评论 -
jquery图形验证码
js图形随机验证码，表单验证原创 2024-01-05 14:02:31 · 555 阅读 · 0 评论 -
jQuery全选，全不选判断
jQuery全选，全不选演示效果：HTML代码<div class="books"> <h3 class="titl">图书管理</h3> <table cellspacing="0" cellpadding="0"> <thead> <tr> <th><input type="checkbox" id="all" /></th> <th>作者</原创 2021-08-16 14:46:12 · 470 阅读 · 0 评论 -
canvas动态画圆和数字滚动进度条
canvas动态画圆效果演示：使用插件：circleChart.min.js!function(a){"use strict";a.fn.circleChart=function(b){const c={color:"#3459eb",backgroundColor:"#e6e6e6",background:!0,speed:2e3,widthRatio:.2,value:66,unit:"percent",counterclockwise:!1,size:110,startAngle:0,anima原创 2021-08-13 15:38:18 · 595 阅读 · 0 评论 -
jQuery蒙层框鼠标横向跟随
jQuery蒙层框横向跟随演示效果：HTML代码：<div class="followList"> <div class="item"> <img src="img/img10.jpg" /> </div> <div class="item"> <img src="img/img13.jpg" /> </div> <div class="item"> <img src="img/原创 2021-07-29 17:12:47 · 270 阅读 · 0 评论 -
jQuery图片放大镜效果
jQuery图片放大镜效果演示效果：HTML代码：在这里插入代码片原创 2021-06-24 16:28:06 · 1402 阅读 · 0 评论 -
HTML引用高德英文地图
HTML高德英文地图引用<div class="map01wrap"> <h3 class="maptl">高德英文地图引用</h3> <div id="dituContent01" class="map"></div> <script src="https://webapi.amap.com/maps?v=1.4.11&key=e22196035aaa10db3b0b6eb1ab64619e"></script原创 2021-06-22 15:50:24 · 1411 阅读 · 2 评论 -
jQuery点击查看更多，列表陆续显示
jQuery点击查看更多图片演示效果：HTML代码：<div class="gallerywrap"> <div class="gallerytl gallery-icont"> <h3>《千与千寻》</h3> <h4>再漫长的故事，也有完结的时候；行驶的再慢的列车，也有一个又一个的站台；再亲密无间的旅伴，也有分开的时候。<br>旅途上经历的事情，可能会被我们遗忘；旅途上学到的东西，我们却会将它记在心间。</h4&原创 2021-06-22 15:11:41 · 1899 阅读 · 1 评论 -
jQuery图文自动循环+点击切换
jQuery实现图文自动切换和点击切换效果演示HTML：<div class="imgswitchwrap"> <div class="imgswitch"> <div class="imgswitchlink"> <a href="javascript:;" class="active"><font>01</font>千与千寻</a> <a href="javascript:;"><原创 2021-06-10 14:52:18 · 1080 阅读 · 2 评论 -
jQuery数字滚动加载特效插件
jQuery常用数字滚动加载效果，countUp.js效果演示：代码片段：jQuery：插件地址：countUp.js<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script><script src="js/countup.js" type="text/javascript" charset="utf-8"></script><script>原创 2021-06-10 11:03:37 · 1040 阅读 · 0 评论 -
jQuery实现简单的弹幕效果
jQuery实现简单的弹幕效果效果演示HTML代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>弹幕dome</title> <link rel="stylesheet" type="text/css" href="css/index.css"/> <script type="text/javascript" src=原创 2021-05-11 17:54:59 · 2034 阅读 · 0 评论 -
HTML，JS信息表单注册，点击获取验证码
HTML，JS信息表单注册，点击获取验证码效果图效果演示HTML代码<div class="modal_content"> <h5>绑定手机号</h5> <div> <label for="phone1">注册手机号：</label><br /> <input id="phone1" type="text" autocomplete="off" placeholder="请输入手机号"/>原创 2021-05-07 15:11:28 · 2947 阅读 · 5 评论 -
HTML，js自制MP3音频播放器
HTML，js自制音频播放器示意图演示效果文件结构HTML代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>音频播放器</title> <style type="text/css"> a{text-decoration: none;display: block;width: 50px;height: 30px;ba原创 2021-05-07 14:04:09 · 665 阅读 · 0 评论 -
HTML，jQuery点击下拉式导航，手机导航四级栏目
HTML，jQuery点击下拉导航，手机导航四级栏目原创 2021-05-07 13:21:02 · 475 阅读 · 0 评论 -
jQuery图片点击放大，弹窗查看
jQuery图片点击弹窗查看效果代码<div class="imglistwrap"> <h3 class="imglisttl">《千与千寻》</h3> <ul class="imglist"> <li> <div class="imgbox"> <img src="img/img01.jpg" /> </div> <div class="text">原创 2021-04-14 15:59:21 · 1890 阅读 · 1 评论 -
jQuery鼠标滚动/点击定位
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* 公共样式 */ body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0;.原创 2020-07-15 11:07:52 · 533 阅读 · 3 评论