分享
扫一扫
超级会员免费看
小跳不会Coding
改变自己最快的方式，就是做自己害怕的事！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
html网站-向外扩散水波纹效果
html网站-向外扩散水波纹效果原创 2025-05-12 10:10:13 · 28 阅读 · 0 评论 -
【网站开发-cookie弹窗展示】使用cookie控制，首次进入页面出现弹窗，点击按钮后不再出现
【网站开发-cookie弹窗展示】使用cookie控制，首次进入页面出现弹窗，点击按钮后不再出现原创 2025-04-09 14:32:35 · 68 阅读 · 0 评论 -
html实现table超出宽度后滑动展示
html实现table超出宽度后滑动展示原创 2025-03-19 18:09:55 · 318 阅读 · 0 评论 -
html+swiper实现轮播图自动滚动，上下两层：上层向左滚动，下层向右滚动
html+swiper实现轮播图自动滚动，上下两层：上层向左滚动，下层向右滚动原创 2025-02-18 15:20:43 · 278 阅读 · 0 评论 -
html 点击弹出视频弹窗
html 点击弹出视频弹窗原创 2025-02-13 14:21:00 · 617 阅读 · 0 评论 -
html页面【添加音频】，点开页面会自动播放和循环播放
html页面【添加音频】，点开页面会自动播放和循环播放原创 2024-12-13 10:51:28 · 531 阅读 · 0 评论 -
使用Vscode配置ftp连接远程服务器（上传本地文件）
使用Vscode配置ftp连接远程服务器（上传本地文件）原创 2024-10-18 10:08:43 · 2112 阅读 · 0 评论 -
jq实现：点击图片时弹出详情弹窗，判断拖动图片时不弹出
jq实现：点击图片时弹出详情弹窗，判断拖动图片时不弹出原创 2024-09-26 15:21:43 · 321 阅读 · 0 评论 -
swiper3匀速滚动会卡顿问题，已解决
swiper3匀速滚动会卡顿问题，已解决原创 2024-09-25 08:53:06 · 530 阅读 · 0 评论 -
html 解决css样式的缓存问题 ---css引入时添加时间戳
html 解决css样式的缓存问题 ---css引入时添加时间戳原创 2024-09-02 11:46:54 · 733 阅读 · 0 评论 -
css通过keyframes实现文字定时向上滚动
css通过keyframes实现文字定时向上滚动原创 2024-08-16 10:42:17 · 206 阅读 · 0 评论 -
CSS 文本超出隐藏，并显示省略号
CSS 文本超出隐藏，并显示省略号原创 2021-10-28 18:44:18 · 34053 阅读 · 0 评论 -
CSS 解决Video封面图poster大小适配问题
CSS 解决Video封面图poster大小适配问题原创 2021-12-24 18:51:37 · 3375 阅读 · 0 评论 -
CSS实现文字垂直居中
CSS实现文字垂直居中原创 2022-04-01 18:34:15 · 43725 阅读 · 5 评论 -
用CSS设置select的样式
用CSS设置select的样式原创 2022-01-11 14:24:07 · 4849 阅读 · 0 评论 -
li标签 常用的CSS设置
关于li标签原创 2022-02-16 14:15:13 · 1945 阅读 · 0 评论 -
用CSS伪类实现三角形
三角形往哪个方向，哪个方向就无需设置border，而相反方向设置border颜色，相邻两边的border设为透明。原创 2022-04-24 11:07:43 · 6481 阅读 · 0 评论 -
修改input提示字的样式
修改input提示字的样式原创 2021-12-10 16:10:10 · 5242 阅读 · 0 评论 -
【CSS节流】实现防止按钮重复点击
众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。原创 2024-01-03 09:35:13 · 948 阅读 · 0 评论 -
css设置文字在固定宽度中等距分开（仅限于单行文本）
css设置文字在固定宽度中等距分开（仅限于单行文本）原创 2024-05-22 14:24:02 · 1042 阅读 · 0 评论 -
html网站-关于发展历程的案例
一、案例一1.效果图：2.代码：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /原创 2023-11-22 14:00:58 · 1172 阅读 · 0 评论 -
HTML5中的video视频 在谷歌浏览器显示正常，在其他浏览器中不显示的问题？
HTML5中video视频 在谷歌浏览器正常显示，在360浏览器和edge中出现只显示声音而没有画面的情况原创 2024-07-18 10:59:46 · 673 阅读 · 0 评论 -
html-网站菜单-点击菜单展开相应的导航栏，加减号可切换
一、效果图1.点击显示菜单栏，点击x号关闭；2.点击一级菜单，展开显示二级，并且加号变为减号；3.点击其他一级导航，自动收起展开的导航。二、代码实现<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-language" content=原创 2023-11-17 15:19:55 · 2404 阅读 · 0 评论 -
h5网站开发-页面底部 鼠标悬停显示二维码
1.鼠标悬停到图标时，显示相应的二维码 2.二维码盒子的宽度是自适应的（可以根据数量自动的撑开，并且居中显示）原创 2023-12-22 15:38:17 · 711 阅读 · 0 评论 -
html使用天地图写一个地图列表
'济南市历城区经十路与凤鸣路交汇口（融创茂东门）L1层1032<br />Red Copper专柜''济南市历下区泉城路世茂广场东座商场三楼E370<br />Red Copper专柜 ''济南市槐荫区经七纬十二路和谐银座七楼<br />Red Copper专柜 '//设置显示地图的中心点和级别。//设置信息窗口要显示的内容。// 获取到了地图上的所有点。//设置信息窗口要显示的内容。//向地图上添加信息窗口。//向地图上添加信息窗口。//创建信息窗口对象。//创建信息窗口对象。原创 2023-11-17 14:49:03 · 1041 阅读 · 0 评论 -
【jQuery】Dom操作之增删改查
1.创建节点2.添加内容3.添加节点4.删除节点5.修改/替换原创 2021-10-26 11:07:30 · 442 阅读 · 0 评论 -
jquery监听窗口滚动事件
jquery监听窗口滚动事件原创 2021-11-02 09:25:33 · 3031 阅读 · 0 评论 -
js实现点击字体大中小变化的效果
1、引入jq的js文件：<script src="js/jquery.min.js"></script>2、html代码：<span> 【 <a href="javascript:void(0)" onClick="ChangeSize('16px');">大</a> <a href="javascript:void(0)" onClick="ChangeSize('14px');">中</a>原创 2021-10-29 18:18:53 · 1823 阅读 · 0 评论 -
jquery实现：多个输入框字数统计示例
然后使用 jQuery 的类选择器 $(‘.inputField’) 来选中所有具有该类名的输入框，并为它们绑定了 input 事件。每当输入框的内容发生变化时，会触发绑定的回调函数，该函数会获取输入框中的文本长度，并更新相邻的字数统计元素的内容。并且每个输入框旁边的字数统计使用相同的类名 charCount。每个输入框添加了相同的类名 inputField。原创 2023-11-23 16:52:55 · 275 阅读 · 0 评论 -
【前端个人工作复盘总结】2021-10-18
利用空余时间，复盘一下近期的工作，把重要的经验教训梳理沉淀下来，在此记之以提醒和勉励自己。原创 2021-10-26 10:47:33 · 3151 阅读 · 0 评论 -
【线上小工具】开发过程中会用到的线上小工具合集
【线上小工具】开发过程中会用到的线上小工具合集原创 2022-07-04 10:44:08 · 260 阅读 · 6 评论 -
JS实现：HTML页面一键分享到微博、QQ空间、QQ好友
JS实现：HTML页面一键分享到微博、QQ空间、QQ好友原创 2024-01-24 10:53:06 · 1847 阅读 · 0 评论 -
轮播插件Slick.js使用方法详解
相比于Swiper而选择使用Slick.js的原因主要是因为其兼容不错并且在手机端的滑动效果更顺畅。原创 2023-12-08 18:02:53 · 2471 阅读 · 0 评论 -
h5网站开发-微信浏览器无法自动播放视频的解决方式？
使用h5开发的网站，首页的banner是一个video视频，在PC端上和手机浏览器上都能正常播放，但是在手机微信浏览器里面视频是无法自动播放的。//必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效。//一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以。//监听用户点击屏幕（点击屏幕后即可播放视频）靠谱的方式是：用户必须要点击才能触发。原创 2023-12-04 15:43:51 · 3110 阅读 · 0 评论 -
关于css 推荐几个超好看渐变色！
这个渐变色从深蓝色 (#001f3f) 渐变到浅蓝色 (#0088a9)，然后到青绿色 (#00c9a7)，接着到淡绿色 (#92d5c6)，最后到非常浅的淡青色 (#ebf5ee)。这个渐变色使用了多个鲜艳的颜色，从紫红色 (#ff00cc) 渐变到橙色 (#ffcc00)，然后到青色 (#00ffcc)，最后到鲜艳的粉红色 (#ff0066)。它给人一种明亮、活力和欢乐的感觉。这个渐变色从鲜艳的红色 (#ff9a9e) 渐变到柔和的粉红色 (#fad0c4)，给人一种浪漫和瑰丽的感觉。原创 2023-11-10 15:54:29 · 7613 阅读 · 0 评论 -
CSS设置ul内容超出宽度时，可以横向滚动，并隐藏滚动条&设置滚动条的样式
CSS设置ul内容超出宽度时，可以横向滚动，并隐藏滚动条原创 2022-04-25 10:10:15 · 5847 阅读 · 0 评论 -
jquery解决鼠标移入移出 多次触发的问题
【代码】jquery解决鼠标移入移出 多次触发的问题。原创 2023-09-15 17:27:28 · 529 阅读 · 0 评论 -
h5开发网站-页面内容不够高时，如何定位footer始终位于页面的最底部
在使用h5开发页面时，会遇到这个情况：当整个页面高度不足以占满显示屏一屏，页脚不是在页面最底部，影响用户视觉。原创 2023-09-09 17:56:12 · 1413 阅读 · 0 评论 -
h5开发网站-使用jquery来实现二层嵌套的左侧列表，点击后显示右侧内容的效果
使用jquery来实现二层嵌套的左侧列表，点击后显示右侧内容的效果。原创 2023-09-07 17:18:51 · 589 阅读 · 0 评论 -
h5开发网站-css实现页面的背景固定定位；以及安卓ios手机端兼容问题
在页面滚动时，背景图片保持不变，而不是跟随滚动。原创 2023-09-05 09:30:07 · 1364 阅读 · 0 评论