- 博客(11)
- 收藏
- 关注
原创 放大镜特效——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 847
原创 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 406
原创 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 1601
原创 点击事件——全选取消反选按钮——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 1572
原创 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 100
原创 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 210
原创 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 5043
原创 PHP之九九乘法表
第一种写法:左大括号 { 使用冒号替代: 右大括号 } 使用end+对应起始标记替代<table border="1"><?php for ($i=1; $i < 10; $i++) :?> <tr> <?php for ($j=1; $j <= $i; $j++) : ?> <td> <?...
2021-12-20 15:26:20 863 1
原创 仿三星-鼠标移入与移出动画(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 1150
原创 无缝自动轮播图(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 6407 6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人