wyhcczz-优快云博客

原创大型网站首页之链家实现

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Ulife生活-引领你生活</title> <link rel="stylesheet" type="text/css" href="css/public.css"/> <link rel="stylesheet" type="text/css" href="css/index..

2020-09-13 10:36:56 496 1

原创 js制作抽奖界面

在这里插入代码片<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>抽奖界面</title> <link rel="stylesheet" href="./Lottery-interface.css"> <!-- <embed src="./officedoyen.mp3" hidden="true" autostart="t

2020-09-13 10:26:50 720

原创购物网站之分页注册界面

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/Registered.css"/> </head> <body> <section> <div class="center.

2020-09-13 10:11:40 622

原创大型购物网站之小米商城

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="author" content="order by dede58.com"/> <title>小米商城</title> <link rel="stylesheet" type="text/css" href="./css/style.css"> &lt.

2020-09-13 10:08:14 635

原创用js、html书写大型购物车页面之结算账单

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>购物车功能的具体实现</title> <link rel="stylesheet" type="text/css" href="../css/shopping.css"/> <link rel="stylesheet" type="text/css" href="../c.

2020-09-13 10:04:30 3651 1

原创画布和JS综合应用之酷跑小游戏

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{ .

2020-09-13 09:53:28 556

原创采用画布制作JS小游戏之疯狂打地鼠

开始界面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body {

2020-09-13 09:45:08 322

原创视频的自动播放

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>小黄人</title> <link href="css/font-awesome.min.css" rel="stylesh.

2020-09-13 09:32:28 1476

原创爱奇艺标签栏条目的自动切换

运行效果如下：<html><head> <title>爱奇艺</title> <meta charset="utf-8"> <style type="text/css"> * { padding: 0; margin: 0; } .wrap { he...

2020-05-07 15:56:22 313

原创自适应个人信息布局

效果显示：响应式布局最主要使用的语法是：@media only screen and only screen and(max-width:500px 500px){.gridmenu{width:100%;}.gridmain{width:100%;}.gridright{width:100%;}}案例实现效果如下：<DOCTYPE html><ht...

2020-04-23 18:40:03 450

原创 HTML实现加载进度条的10中效果

首先10种效果图如下：接下来简单分析一下进度条最重要的两个属性控制：1.@keyframes语法规则：@keyframes turn{ 0%{ transform: rotate(0deg); border-color: lightgreen; } 50%{ transform: rotate(180deg); border-color: lightyellow; ...

2020-04-23 18:34:17 1058

原创网页表单验证

<html><head> <meta charset="UTF-8"> <title>表单验证</title> <style type="text/css"> *:focus{ outline: none; }/*设置表单中的所有元素获得焦点时，不再出现虚线框或者高亮框*/ ....

2020-04-09 14:47:10 394

原创 html+js表单验证

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS表单验证</title> <style> *{ margin:0; padding:...

2020-04-09 14:39:13 368

原创表单知识总结

表单中常用的标签类型有text、radio、textarea、checkbox、button、submit、reset、file等，除此之外表单input标签类型（不常用）H5中新增的表单标签及其他常用标签H5中新增的属性HTML5自带表单验证功能有两种:①通过required属性校验输入框填写内容不能为空，如果为空将弹出提示框，并阻止表单提交。②通过pattern 属性规定用于验...

2020-04-02 18:39:26 256

原创 Post和get的区别

FORM中常见的提交方式有get和post,其区别如下：1、Get是Form的默认方法。Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。2、 Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用 “&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方...

2020-04-02 18:01:55 148

原创变形与过渡应用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>过渡与变形的综合应用</title> <style> .main{ width: 1110px; height: 250px; margin: 0 ...

2020-03-26 17:17:43 170

原创结构元素

文档结构元素定义：****header**元素是一种具有引导和导航作用的结构元素，该元素通常包含所有可以放在头部的内容。header 元素通常用来放置整个页面或页面内的的一个内容区块级标题，例如包含网站logo图片导航栏标题，字符编码，元信息元素等等。举例：在这里插入代码片` <h2>网页主题</h2>```一个网页可以使用多个Header元素，也可以为每一个...

2020-03-12 16:59:41 839

原创 h5图标的制作.html

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML5 logo</title> <link rel="stylesheet" type="text/css" href="logo.css"></head&...

2020-03-05 11:05:29 679

原创传智播客网站.html

<html><head> <meta charset="utf-8"> <style type="text/css"> .f1{ color:red; font-size: x-small; font-family:楷体; } ul{ list-style-type: disc; color: red;...

2020-03-05 11:02:14 2107

原创基本表单的制作.html

<html><head> <meta charset="utf-8"> <style type="text/css"> table{ background-color: pink; margin:auto; border:1px solid blue; } .cr{background: #ff0;...

2020-03-05 11:01:04 296

wyhcczz的博客