小案例
关注
分享
扫一扫
wind-hm
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
放大镜特效——Javascript
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &l...原创 2022-04-03 11:03:40 · 871 阅读 · 0 评论 -
JavaScript——页面换肤——点击换肤
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <t...原创 2022-03-29 08:33:05 · 428 阅读 · 0 评论 -
JavaScript函数——倒计时效果
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <.原创 2022-03-22 22:21:04 · 1622 阅读 · 0 评论 -
点击事件——全选取消反选按钮——JavaScript——for循环
思路： 1、全选和单选分为两部分来看待 2、给全选按钮绑定事件，点击全选按钮就将自身的checked状态赋值给下面的4个小按钮 3、下面4个复选框全选中，全选才能被选中：给每个按钮绑定事件，每次点击下面的复选框都要循环检查下面的4个小按钮是否被选中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-C原创 2022-03-22 22:11:57 · 1600 阅读 · 0 评论 -
Javascript函数—数组—数组元素去重
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.原创 2022-03-19 16:17:26 · 120 阅读 · 0 评论 -
Javascript函数—Date对象—倒计时效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.原创 2022-03-19 12:54:24 · 232 阅读 · 0 评论 -
Javascript函数——猜字游戏
function guessNumber(min, max) { var Num_1 = Math.floor(Math.random() * (max - min + 1)) + min; //返回两个数之间的随机整数，包含这两个数 console.log(Num_1); //可在控制台查看 var i = 1; //计数器，以便查看输入次数 var j = 10; //总次数，以便控制输入次数 while (true) { /.原创 2022-03-18 01:40:06 · 5114 阅读 · 0 评论 -
仿三星-鼠标移入与移出动画（Html+Css+Js）
实现的功能： 鼠标移入切换对应图片，并自身改变样式 可以自己增加过渡动画，会更舒服些。 上代码： <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="...原创 2021-12-16 13:54:25 · 1182 阅读 · 0 评论 -
无缝自动轮播图（Html+Css+Js）
先上效果图 因为录制工具的问题，效果图看起来有些卡顿，实际不会哦 实现的效果： 1.左右切换 2.自动轮播 3.鼠标移入停止自动轮播，移出继续自动轮播 4.设置了节流，降低了点击次数过快带来的瑕疵 左右按钮我使用了字体图标，自行更改哦 上代码： <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta http-equiv=".原创 2021-12-13 10:28:11 · 6507 阅读 · 6 评论