![](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 · 1264 阅读 · 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 · 322 阅读 · 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 · 217 阅读 · 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 · 525 阅读 · 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 · 247 阅读 · 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 · 330 阅读 · 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 · 711 阅读 · 0 评论