![](https://img-blog.csdnimg.cn/20200730172434234.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML+CSS+JS
前端页面常用代码的整理。
御风泊舟
BlinkBlink
展开
-
【HTML+CSS+JS】前台简单功能之====登录界面功能
【HTML+CSS+JS】前台简单功能之====登录界面功能界面效果如下:代码如下:load.html<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>登录</title> <s原创 2020-07-30 17:51:36 · 1282 阅读 · 0 评论 -
【HTML+CSS+JS】前台简单功能之====动态时间显示(适合角落放置)
【HTML+CSS+JS】前台简单功能之====动态时间显示(适合角落放置)界面效果如下:代码如下:time.html<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; ch原创 2020-07-30 17:22:33 · 338 阅读 · 0 评论 -
【HTML+CSS+JS】前台简单功能之====正则表达式的简单运用(校验数据是否合法)
【HTML+CSS+JS】前台简单功能之====正则表达式的简单运用界面效果如下:代码如下:math.html<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>正则表达式</titl原创 2020-07-30 17:14:13 · 230 阅读 · 0 评论 -
【HTML+CSS+JS】前台简单功能之====广告轮播(图片循环放映)
【HTML+CSS+JS】前台简单功能之====广告轮播(图片循环放映)界面效果如下:代码如下:changePicture.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta原创 2020-07-30 17:01:42 · 537 阅读 · 0 评论 -
【HTML+CSS+JS】前台简单功能之====表格效果(隔行变色)
【HTML+CSS+JS】前台简单功能之====表格效果(隔行变色)界面效果如下:代码如下:changeColor.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格隔行变色</title> <script type="text/javascript" src="../js/changeColor原创 2020-07-30 16:54:45 · 260 阅读 · 0 评论 -
【HTML+CSS+JS】前台简单功能之====本地图片上传预览效果
【HTML+CSS+JS】前台简单功能之====本地图片上传预览效果界面效果如下:代码如下:reviewPicture.html <!DOCTYPE html><html><head><meta charset="UTF-8"><title>本地图片上传预览</title><script type="text/javascript" src="../js/reviewPicture.js"></sc原创 2020-07-30 16:26:09 · 342 阅读 · 0 评论 -
【HTML+CSS+JS】前台简单功能之====复选框(全选/全不选/反选)
【HTML+CSS+JS】前台简单功能之====复选框(全选/全不选/反选)界面效果如下:代码如下:checkBox.html <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>复选框操作</title> <script type="text/javascript" src="../js/checkBox.js"></script&g原创 2020-07-30 16:15:58 · 741 阅读 · 0 评论