小跳不会Coding
改变自己最快的方式,就是做自己害怕的事!
展开
-
css通过keyframes实现文字定时向上滚动
css通过keyframes实现文字定时向上滚动原创 2024-08-16 10:42:17 · 112 阅读 · 0 评论 -
CSS 文本超出隐藏,并显示省略号
CSS 文本超出隐藏,并显示省略号原创 2021-10-28 18:44:18 · 33608 阅读 · 0 评论 -
CSS 解决Video封面图poster大小适配问题
CSS 解决Video封面图poster大小适配问题原创 2021-12-24 18:51:37 · 3089 阅读 · 0 评论 -
CSS实现文字垂直居中
CSS实现文字垂直居中原创 2022-04-01 18:34:15 · 42743 阅读 · 5 评论 -
用CSS设置select的样式
用CSS设置select的样式原创 2022-01-11 14:24:07 · 4700 阅读 · 0 评论 -
li标签 常用的CSS设置
关于li标签原创 2022-02-16 14:15:13 · 1845 阅读 · 0 评论 -
用CSS伪类实现三角形
三角形往哪个方向,哪个方向就无需设置border,而相反方向设置border颜色,相邻两边的border设为透明。原创 2022-04-24 11:07:43 · 6342 阅读 · 0 评论 -
修改input提示字的样式
修改input提示字的样式原创 2021-12-10 16:10:10 · 5063 阅读 · 0 评论 -
【CSS节流】实现防止按钮重复点击
众所周知,函数节流(throttle)是 JS 中一个非常常见的优化手段,可以有效的避免函数过于频繁的执行。原创 2024-01-03 09:35:13 · 846 阅读 · 0 评论 -
css设置文字在固定宽度中等距分开(仅限于单行文本)
css设置文字在固定宽度中等距分开(仅限于单行文本)原创 2024-05-22 14:24:02 · 547 阅读 · 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 · 1027 阅读 · 0 评论 -
HTML5中的video视频 在谷歌浏览器显示正常,在其他浏览器中不显示的问题?
HTML5中video视频 在谷歌浏览器正常显示,在360浏览器和edge中出现只显示声音而没有画面的情况原创 2024-07-18 10:59:46 · 411 阅读 · 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 · 2030 阅读 · 0 评论 -
h5网站开发-页面底部 鼠标悬停显示二维码
1.鼠标悬停到图标时,显示相应的二维码 2.二维码盒子的宽度是自适应的(可以根据数量自动的撑开,并且居中显示)原创 2023-12-22 15:38:17 · 517 阅读 · 0 评论 -
html使用天地图写一个地图列表
'济南市历城区经十路与凤鸣路交汇口(融创茂东门)L1层1032<br />Red Copper专柜''济南市历下区泉城路世茂广场东座商场三楼E370<br />Red Copper专柜 ''济南市槐荫区经七纬十二路和谐银座七楼<br />Red Copper专柜 '//设置显示地图的中心点和级别。//设置信息窗口要显示的内容。// 获取到了地图上的所有点。//设置信息窗口要显示的内容。//向地图上添加信息窗口。//向地图上添加信息窗口。//创建信息窗口对象。//创建信息窗口对象。原创 2023-11-17 14:49:03 · 918 阅读 · 0 评论 -
【jQuery】Dom操作之增删改查
1.创建节点2.添加内容3.添加节点4.删除节点5.修改/替换原创 2021-10-26 11:07:30 · 374 阅读 · 0 评论 -
jquery监听窗口滚动事件
jquery监听窗口滚动事件原创 2021-11-02 09:25:33 · 2951 阅读 · 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 · 1717 阅读 · 0 评论 -
jquery实现:多个输入框字数统计示例
然后使用 jQuery 的类选择器 $(‘.inputField’) 来选中所有具有该类名的输入框,并为它们绑定了 input 事件。每当输入框的内容发生变化时,会触发绑定的回调函数,该函数会获取输入框中的文本长度,并更新相邻的字数统计元素的内容。并且每个输入框旁边的字数统计使用相同的类名 charCount。每个输入框添加了相同的类名 inputField。原创 2023-11-23 16:52:55 · 204 阅读 · 0 评论 -
【前端个人工作复盘总结】2021-10-18
利用空余时间,复盘一下近期的工作,把重要的经验教训梳理沉淀下来,在此记之以提醒和勉励自己。原创 2021-10-26 10:47:33 · 2758 阅读 · 0 评论 -
【线上小工具】开发过程中会用到的线上小工具合集
【线上小工具】开发过程中会用到的线上小工具合集原创 2022-07-04 10:44:08 · 222 阅读 · 6 评论 -
JS实现:HTML页面一键分享到微博、QQ空间、QQ好友
JS实现:HTML页面一键分享到微博、QQ空间、QQ好友原创 2024-01-24 10:53:06 · 1484 阅读 · 0 评论 -
轮播插件Slick.js使用方法详解
相比于Swiper而选择使用Slick.js的原因主要是因为其兼容不错并且在手机端的滑动效果更顺畅。原创 2023-12-08 18:02:53 · 2071 阅读 · 0 评论 -
h5网站开发-微信浏览器无法自动播放视频的解决方式?
使用h5开发的网站,首页的banner是一个video视频,在PC端上和手机浏览器上都能正常播放,但是在手机微信浏览器里面视频是无法自动播放的。//必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效。//一般情况下,这样就可以自动播放了,但是一些奇葩iPhone机不可以。//监听用户点击屏幕(点击屏幕后即可播放视频)靠谱的方式是:用户必须要点击才能触发。原创 2023-12-04 15:43:51 · 1845 阅读 · 0 评论 -
关于css 推荐几个超好看渐变色!
这个渐变色从深蓝色 (#001f3f) 渐变到浅蓝色 (#0088a9),然后到青绿色 (#00c9a7),接着到淡绿色 (#92d5c6),最后到非常浅的淡青色 (#ebf5ee)。这个渐变色使用了多个鲜艳的颜色,从紫红色 (#ff00cc) 渐变到橙色 (#ffcc00),然后到青色 (#00ffcc),最后到鲜艳的粉红色 (#ff0066)。它给人一种明亮、活力和欢乐的感觉。这个渐变色从鲜艳的红色 (#ff9a9e) 渐变到柔和的粉红色 (#fad0c4),给人一种浪漫和瑰丽的感觉。原创 2023-11-10 15:54:29 · 5778 阅读 · 0 评论 -
CSS设置ul内容超出宽度时,可以横向滚动,并隐藏滚动条&设置滚动条的样式
CSS设置ul内容超出宽度时,可以横向滚动,并隐藏滚动条原创 2022-04-25 10:10:15 · 5413 阅读 · 0 评论 -
jquery解决鼠标移入移出 多次触发的问题
【代码】jquery解决鼠标移入移出 多次触发的问题。原创 2023-09-15 17:27:28 · 426 阅读 · 0 评论 -
h5开发网站-页面内容不够高时,如何定位footer始终位于页面的最底部
在使用h5开发页面时,会遇到这个情况:当整个页面高度不足以占满显示屏一屏,页脚不是在页面最底部,影响用户视觉。原创 2023-09-09 17:56:12 · 999 阅读 · 0 评论 -
h5开发网站-使用jquery来实现二层嵌套的左侧列表,点击后显示右侧内容的效果
使用jquery来实现二层嵌套的左侧列表,点击后显示右侧内容的效果。原创 2023-09-07 17:18:51 · 495 阅读 · 0 评论 -
h5开发网站-css实现页面的背景固定定位;以及安卓ios手机端兼容问题
在页面滚动时,背景图片保持不变,而不是跟随滚动。原创 2023-09-05 09:30:07 · 1164 阅读 · 0 评论 -
h5网站开发,页面加载wow.js动画时,出现了左右滚动条,怎么解决?
使用CSS样式来隐藏滚动条。原创 2023-09-01 16:38:05 · 330 阅读 · 0 评论 -
h5 PC端页面在手机端显示缩小版的解决方法
h5 PC端页面在手机端显示缩小版的解决方法原创 2023-08-29 15:12:03 · 694 阅读 · 0 评论 -
【input】关于input 元素的type类型及相关作用
【input】关于input 元素的type类型及相关作用原创 2023-08-11 16:54:09 · 596 阅读 · 0 评论 -
h5开发网站,授权微信登录的详细步骤
h5开发网站,授权微信登录的详细步骤原创 2023-07-20 17:27:15 · 6724 阅读 · 3 评论 -
【h5网站地图】h5开发网站,封装使用地图
公司名称 <div> 公司地址 </div>原创 2023-07-17 11:54:34 · 299 阅读 · 0 评论 -
jq实现网站-点击标签,添加到一个盒子中,再次点击去掉该标签
如果标签已经存在于盒子中,则使用removeClass()方法移除标签的’active’类名,并使用filter()方法找到盒子中与点击的标签文本相同的元素,并使用remove()方法将其移除;元素,并使用text()方法设置其文本内容为点击的标签文本,最后使用appendTo()方法将新创建的。如果标签不存在于盒子中,则使用addClass()方法添加标签的’active’类名,并使用$(‘// 如果标签已经存在于盒子中,则从盒子中移除该值。// 如果标签不存在于盒子中,则将其添加到盒子中。原创 2023-07-15 15:28:30 · 387 阅读 · 0 评论 -
【网站开发】实现瀑布流布局(css和jquery两种方式)
要实现网站瀑布流效果,可以使用HTML、CSS和jquery来完成。。原创 2023-07-15 11:13:35 · 563 阅读 · 0 评论 -
通过css实现-让页面的footer始终位于底部
当页面内容全部占满时,滑动到最下面,显示footer在底部;当页面内容不满时,footer也是在最底部显示。原创 2023-07-15 09:41:12 · 1795 阅读 · 0 评论 -
【html滚动固定导航】HTML窗口滚动到元素位置时,该元素固定显示
【html滚动固定导航】HTML窗口滚动到元素位置时元素固定显示原创 2022-09-24 15:12:58 · 1372 阅读 · 2 评论 -
【a链接】点击a链接跳到另一个页面中指定的地方&锚点定位被顶部固定导航遮住
【a链接】点击a链接跳到另一个页面中指定的地方&锚点定位被顶部固定导航遮住原创 2022-09-21 14:57:51 · 1931 阅读 · 2 评论