- 博客(16)
- 收藏
- 关注
RSS订阅原创 JavaScript之长图滚动
JavaScript之长图滚动长图的滚动会涉及定时器：我们先来回顾下定时器：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定时器回顾</title></head><body> <button id="start">开启</button> <butto
2021-04-27 20:11:51
351
原创 JavaScript之点击改变图片形状（transform的应用）
JavaScript之点击改变图片形状（transform的应用）附上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>transform的运用</title> <style type="text/css"> #box{ width: 50px;
2021-04-27 19:18:31
1312
原创 JavaScript之日期特效
JavaScript之日期特效直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> *{ padding: 0; margin: 0; }
2021-04-27 19:14:25
269
原创 JavaScript之根据所选排列方式进行排列
JavaScript之根据所选排列方式进行排列有两种方式，第一种：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>九宫格布局</title> <style type="text/css"> *{ padding: 0; margin: 0;
2021-04-27 19:10:43
170
3
原创 JavaScript之评论的发布
JavaScript之评论的发布话不多说直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>发布评论</title> <style type="text/css"> *{ padding: 0; margin: 0; }
2021-04-27 19:04:05
480
原创 JavaScript之随机码的生成与校验
JavaScript之随机码的生成与校验由于获取事件源有两种写法，所以在此处都附上：这个是直接用var去定义的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>随机验证码校验</title> <style type="text/css"> #code{ width:
2021-04-27 18:31:30
224
2
原创 JavaScript之上传图片验证
JavaScript之上传图片验证话不多说直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上传图片验证</title></head><body> <label for="file">上传图片格式验证</label> <input type="
2021-04-27 18:20:34
320
原创 JavaScript之表单验证判断成绩
JavaScript之表单验证判断成绩话不多说直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单校验</title> <style type="text/css"> *{ padding: 0; margin: 0;
2021-04-27 18:12:00
684
原创 JavaScript之全选和取消全选及反选所有框
JavaScript之全选和取消全选及反选所有框话不多说直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>音乐盒</title> <style type="text/css"> *{ padding: 0; margin: 0;
2021-04-27 16:41:10
251
原创 JavaScript之切换背景图片（并使）背景栏保持和背景色调相似
JavaScript之切换背景图片（并使）背景栏保持和背景色调相似话不多说直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>百度换肤</title> <style type="text/css"> *{ padding: 0; mar
2021-04-27 16:24:58
704
原创 JavaScript之图片切换（类似淘宝商品图切换）
JavaScript之图片切换下边给出几种方法进行图片切换：方法一（小白专用款！简单易懂） 下边附上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片切换2</title> <style type="text/css"> *{ padding: 0;
2021-04-23 12:49:40
3216
1
原创 JavaScript之衣服相册切换效果（类似淘宝商品图切换）
JavaScript之衣服相册切换效果（类似淘宝商品图切换）话不多说，直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> #bigImg{ width: 200px;
2021-04-21 20:38:51
677
原创 JavaScript之显示和隐藏图片
JavaScript之显示和隐藏图片点击按钮可以显示和隐藏图片（默认显示），附上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>显示和隐藏图片</title></head><body> <button id="btn">隐藏</button> <b
2021-04-21 20:30:52
2583
原创 JavaScript之图片切换功能
JavaScript之图片切换功能为了实现如下图片构造（点击上一张显示上一张图片，点击下一张显示下一张图片），我们写了如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片切换</title> <style type="text/css"> /*控制图片大小*/ #f
2021-04-21 17:38:22
685
原创 JavaScript的DOM之鼠标悬浮事件
JS的DOM之鼠标悬浮事件鼠标悬浮事件之onmouseover()和onmouseout()事件这里用大白话介绍一下最简单的原理：就是当鼠标在这块区域时候会触发相应事件，将鼠标挪开则恢复原先事件附上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鼠标悬浮事件onmouseover()和onmouseout()事件</tit
2021-04-21 16:33:16
12225
原创 HTML与CSS之小米商城静态界面（未用JS版本）
这是小米商城的无JS版本（纯静态页面）——如下：<!DOCTYP1E html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/xiaomi.css"> <style type="text/css"></style>
2021-04-16 14:30:14
1090
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人