![](https://img-blog.csdnimg.cn/f3d324fb617240f89bc52163d5747037.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
js小实例/小功能
原生js
蘑菇栗子
这个作者很懒,什么都没留下…
展开
-
【JS】jQuery实现弹幕效果
【代码】【JS】jQuery实现弹幕效果。原创 2022-08-26 16:43:53 · 858 阅读 · 0 评论 -
【JS】jQuery实现鼠标跟随
【代码】【JS】jQuery实现鼠标跟随。原创 2022-08-26 16:39:37 · 643 阅读 · 0 评论 -
【JS】使用jQuery制作图片手风琴效果
鼠标划过时,图片显示,其他图片变小,鼠标移出时,所有图片均匀显示。原创 2022-08-26 16:34:08 · 777 阅读 · 0 评论 -
【Js】篮球弹起
篮球从5米高的地方掉下来,每次弹起的高度是原来的30%,经过几次弹起,篮球的高度是0.1米。原创 2022-08-26 15:06:50 · 293 阅读 · 0 评论 -
[JS]每个月多少天
输入月份查询有多少天,注意2月比较特殊,查询二月需要再次输入年份判断平年闰年。原创 2022-08-25 09:07:10 · 166 阅读 · 0 评论 -
【JS】查询输入数字是几位数
【代码】【JS】查询输入数字是几位数。原创 2022-08-25 09:06:54 · 2590 阅读 · 0 评论 -
【JS】最大公约数
输入两个数字查询最大公约数。原创 2022-08-25 09:06:36 · 63 阅读 · 0 评论 -
【JS】三个数字比大小
输入三个数字比较大小。原创 2022-08-25 09:06:06 · 659 阅读 · 0 评论 -
【JS】计算两个数字的和、差、积、商
输入两个数字进行计算,和差积商不需要选择,会直接弹出四个结果,商保留两位小数。原创 2022-08-25 09:05:52 · 2007 阅读 · 0 评论 -
【JS】计算任意多个数字的和、差、积、商
和差积商不需要选择,会直接输出四个结果,商保留两位小数。原创 2022-08-25 09:05:39 · 666 阅读 · 0 评论 -
【JS】加密
某个公司采用公用电话传递数据,数据是四位的整数,在传递过程中是加密的,加密规则如下:每位数字都加上3,然后用除以10的余数代替该数字,再将第一位和第四位交换,第二位和第三位交换,请编写一个函数,传入原文,输出密文。原创 2022-08-25 09:05:22 · 396 阅读 · 0 评论 -
【JS】判断素数
判断输入数字是否为素数注:素数的概念(含义)是:只能被1和它自己本身整除——在大于1的整数范围内。原创 2022-08-25 09:05:08 · 150 阅读 · 0 评论 -
【JS】模拟百度搜索,输入时实时出现提示
注:鼠标划过或键盘上下键操作时,划过内容显示在输入框中功能,在。中已实现,可根据“模拟下拉菜单”的写法进行添加,稍作修改。输入时,根据输入内容实时显示提示内容,再次获取焦点时,提示内容再次出现。失去焦点时,提示内容消失。原创 2022-08-25 09:04:25 · 945 阅读 · 0 评论 -
【JS】判断水仙花数
水仙花数是一种特殊的三位数,它的特点就是,每个数位的立方相加的和,等于它本身。比如 153 就是水仙花数。因为:111+555 +333 = 153。原创 2022-08-25 09:04:43 · 1099 阅读 · 0 评论 -
【JS】获取随机四位验证码
【代码】【JS】获取随机四位验证码。原创 2022-08-24 09:24:29 · 317 阅读 · 0 评论 -
【JS】递归实现斐波那契数列
利用递归求斐波那契数列 F(n)=F(n-1)+F(n-2)输入数字查看第几个斐波那契。原创 2022-08-24 09:24:10 · 1053 阅读 · 0 评论 -
【JS】辗转相除法计算最大公约数
输入两个数字计算最大公约数。原创 2022-08-24 09:23:55 · 145 阅读 · 0 评论 -
【Js】奇偶数调用计算不同的结果
输入n为偶数时,调用函数求1/2+1/4+…当输入n为奇数时,调用函数求1+1/3+…原创 2022-08-24 09:23:08 · 93 阅读 · 0 评论 -
【JS】输入任意数字计算阶乘
【代码】【JS】输入任意数字计算阶乘。原创 2022-08-24 09:22:50 · 652 阅读 · 0 评论 -
【JS】用户名格式要求(非正则实现)
3.长度必须在6~20之间。1.不允许为空,有提示。2.不允许以数字开头。原创 2022-08-24 09:22:23 · 1248 阅读 · 0 评论 -
【JS】随机颜色函数
获得一个十六进制的随机颜色的字符串。原创 2022-08-24 09:21:52 · 230 阅读 · 0 评论 -
【JS】倒计时(数字倒数)--与日期无关
从100到0,停止,点击按钮还原倒计时,到0,再停-----------------------点击,再还原,可通过修改div里的值修改从几开始倒数。原创 2022-08-24 09:21:33 · 352 阅读 · 0 评论 -
【JS小实例】随机点名函数
【代码】【JS小实例】随机点名函数。原创 2022-08-24 09:20:35 · 128 阅读 · 0 评论 -
【JS】顶部悬浮及缓慢回到顶部
拉动滚动条时“回到顶部”按钮位置不变(使用JS实现),点击缓慢回到顶部。原创 2022-08-23 17:24:49 · 553 阅读 · 0 评论 -
【JS】模拟网页小广告
页面加载完成之后,自动打开一个广告弹出框,10秒中之后自动关闭,关闭之前,在这个弹出框中有至少两个功能.原创 2022-08-23 17:24:33 · 459 阅读 · 0 评论 -
【JS】隔行变色
【代码】【JS】隔行变色。原创 2022-08-23 17:24:16 · 45 阅读 · 0 评论 -
【JS】模拟进度条
点击“开始”按钮,进度条从0到100,自动停止,可多次点击。原创 2022-08-23 17:23:58 · 777 阅读 · 0 评论 -
【JS】全选全不选反选
点击全选和反选实现对应功能,在全选状态下取消选中其中一个,全选按钮取消选择状态,四个全选中时,全选按钮自动选择。原创 2022-08-23 17:23:43 · 463 阅读 · 0 评论 -
【JS】获取指定范围内的随机数
【代码】【JS】获取指定范围内的随机数。原创 2022-08-23 17:23:27 · 443 阅读 · 0 评论 -
【JS】跟随鼠标点击产生随机的颜色小方块
鼠标点哪里,哪里就出现颜色大小随机的小方块。原创 2022-08-23 17:23:05 · 424 阅读 · 0 评论 -
【JS】光标的实时显示,模拟电脑画布功能
点击“改变颜色”,颜色随机改变。左下角显示鼠标按下时的坐标。点击“+”画出的内容变宽。点击“-”画出的内容变细。原创 2022-08-23 17:22:49 · 217 阅读 · 0 评论 -
【原生JS】轮播图--2种写法(事件委托)
页面打开自动轮播,鼠标移入图片区域取消自动轮播点击左右箭头切换图片点击下方小圆点切换图片。原创 2022-08-23 17:22:33 · 156 阅读 · 0 评论 -
【JS】图片跟随鼠标实时/点击移动
【代码】【JS】图片跟随鼠标实时/点击移动。原创 2022-08-23 17:21:07 · 456 阅读 · 0 评论 -
【JS】鼠标移入时,对应的解释语出现,并跟随鼠标移动,移出后消失
【代码】【JS】鼠标移入时,对应的解释语出现,并跟随鼠标移动,移出后消失。原创 2022-08-24 09:20:55 · 264 阅读 · 0 评论 -
【JS】模拟下拉菜单
鼠标点击时,下拉菜单出现鼠标划过或按键盘上下箭头时,选中的菜单背景色变化,选项内容显示在输入框内鼠标点击或按下回车或空格键时,对应的内容显示在输入框内且下拉菜单消失。原创 2022-08-22 08:47:13 · 969 阅读 · 0 评论 -
【JS】拖拽回放
拖拽元素,点击按钮,按拖拽轨迹回放拖拽过程。原创 2022-08-22 08:46:56 · 309 阅读 · 0 评论 -
【JS】正则验证用户名,密码,重复密码,密码强度
要求:1.用户名 用户名仅支持中文、字母、数字、“-”“_”的组合,4-20个字符2.密码的规则 数字字母特殊字符,一种类型,弱。两种类型为中,三种类型为强,6-20个字符3.重复密码 跟第一次输入 密码一致4.提交按钮的时候,判断所有输入数据是否符合。符合跳转,否,不跳。原创 2022-08-22 08:46:38 · 1416 阅读 · 0 评论 -
【JS】点击改变自己的背景颜色并将自己的文字内容显示在其他盒子内
【代码】【JS】点击改变自己的背景颜色并将自己的文字内容显示在其他盒子内。原创 2022-08-22 08:46:18 · 359 阅读 · 0 评论 -
【JS】使用ES6 class方式向页面中追加图片
【代码】【JS】使用ES6 class方式向页面中追加图片。原创 2022-08-22 08:46:00 · 217 阅读 · 0 评论 -
【JS】放大镜
注:视觉上感觉放大的不是很准确,是因为小图和大图的大小我没有定义为1:2或者其他准确的比例,调整在CS或行内调整一下图片大小即可。小黄块实时位置/小黄块最大值==大图的实时位置/大图移动的最大距离。大图移动的最大距离 为大图盒子的宽高减去大图的宽高。跟随鼠标移动放大对应部分。原创 2022-08-22 08:45:40 · 68 阅读 · 0 评论