- 博客(6)
- 问答 (1)
- 收藏
- 关注
原创 制作可以鼠标滑动的轮播图,支持移动端(利用Bootstrap5布置其样式)
最近一直在研究Bootstrap5的前端开发,看bootstrap例子的时候发现了一个好的模型,所以就手痒给自己写了一个PC端移动端先简单的介绍一些吧,支持移动端和PC端的拖动且由最后一张图切到第一张图的时候是平滑过渡,不会在掉头过渡OK,下面那直接放代码,切记如果要直接用的话注意要在头部加一个Bootstrap5的CSS代码引入<div class="slider"> <div class="slider-indicators">
2022-02-20 19:04:05
2071
原创 HTML+CSS3绘制九大行星
绘制太阳系时没有利用任何JS等动态脚本,纯纯的使用H5+CSS3当然,如果各位想要做出随着轨迹的移动行星的阴影也不断变换,那么可能就会用到JS来进行添加样式如果想要在宽度不同的显示器上获得较好的展示,可以考虑把px换掉。画布多说看看效果图CSS部分body{ margin: 0; padding: 0; overflow: hidden; box-sizing: border-box;}.area{ position: relative; margin: 0;
2021-12-14 17:40:06
1484
原创 正则表达式获取带有逗号的数字
今天在处理正则表达式的时候碰到了带有逗号的数字,很烦因为正则水平很低,所以去看了菜鸟的教程然后就搞出来一个凑合能用的正则不多BB,直接上代码//获取单个连续的数字var num = "您的的排名 132,456";var reg = /\d{1,3}(,\d{3}){0,4}/;num.match(reg);//获取多个连续的数字var num = "本区域排名 1,234;全国排名 666,666";var reg = /\d{1,3}(,\d{3}){0,4}/;num.mat
2021-10-12 11:18:08
4904
原创 Javascript设置滚动条向上滚动的方法;JS设置滚动条滚动的代码
很久就没有碰前端的后果就是,自己被公司叫来帮忙自己结果啥都会,但是就想不起怎么操作画布哆嗦,咱们直接来看代码重点一:获取滚动条Y轴的数据这个方法有很多,我就不一一讲述了,毕竟结果都一样就好直接上代码var scrollTop = 0;window.onscroll = function () { scrollTop = document.documentElement.scrollTop || document.body.scrollTop; console.log(scroll
2021-05-08 13:54:11
3015
原创 java中转日期格式的一个简单小技巧
像November 30 2018、9 30 2018、November 30,2018这种日期格式这种转格式的数据我们肯定都会碰到过,在网上搜的话也不知道搜索关键词如何写自己猛撞南墙用那种分割字符串的方式不仅又累有麻烦,而且还要创建对应的日期数字自己在做的时候为这个苦恼了一会之后突然想起Date()还有转其他日期格式的功能,那么直接看代码Date date = new Date(time);(time中存储各种乱七八糟的日期格式)SimpleDateFormat sdf = new .
2021-04-15 13:53:32
793
空空如也
Flex布局下使用translate3移动的轮播图无法平缓过渡且移动端无法滑动
2022-02-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人