自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 811

原创 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 351

原创 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 1549

原创 点击事件——全选取消反选按钮——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 1517

原创 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 70

原创 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 174

原创 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 4920

原创 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 738 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 1083

原创 无缝自动轮播图(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 6128 6

原创 清除浮动的四种方法

浮动的元素会脱离标准流(文档流),浮动的盒子不再保留原先的位置,清除浮动的本质就是清除浮动元素带来的影响,策略——闭合浮动

2021-11-21 10:35:06 2669

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除