随笔分类 -  Java Web 前端编程练习

demo
摘要:1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>图片的弹出和隐藏</title> 6 <script> 7 function display(){ 8 setTimeout("showPic()",3000) 阅读全文
posted @ 2020-04-07 11:03 yxfyg 阅读(1453) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>轮播图</title> <script> var index = 0; var img; function changeImg(){ img.src="./img/" + (ind 阅读全文
posted @ 2020-04-07 10:21 yxfyg 阅读(103) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS简单校验</title> <script> function checkForm(){ var username = document.getElementById("user 阅读全文
posted @ 2020-04-06 17:12 yxfyg 阅读(302) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>替换文字</title> <script> function dianwo(){ var div1 = document.getElementById("div1"); div1. 阅读全文
posted @ 2020-04-06 09:39 yxfyg 阅读(806) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS数据类型查看</title> <script> var i = 1; var j = "String"; alert(typeof i + " " + typeof j); < 阅读全文
posted @ 2020-04-06 08:37 yxfyg 阅读(1710) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>注册页面美化版</title> <style> .top{ float: left; width: 33%; height: 65px; } .amenu{ color: whit 阅读全文
posted @ 2020-04-05 17:55 yxfyg 阅读(373) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>网站首页美化版</title> <style> .top{ float: left; width: 33%; height: 65px; } .amenu{ color: whit 阅读全文
posted @ 2020-04-05 14:47 yxfyg 阅读(230) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>浮动</title> </head> <body> <div style="width: 200px; height: 200px; background-color: red; 阅读全文
posted @ 2020-04-05 10:51 yxfyg 阅读(130) 评论(0) 推荐(0)
摘要:内部样式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>内部样式</title> <style> div{ color: blue; font-size: 25px; } </style> </head> <body> <di 阅读全文
posted @ 2020-04-05 09:36 yxfyg 阅读(162) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素选择器</title> <style> div{ color: blue; font-size: 25px; } </style> </head> <body> <div>昨天 阅读全文
posted @ 2020-04-05 09:32 yxfyg 阅读(473) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>框架测试</title> </head> <frameset rows="20%,*"> <frame src="./1.html" /> <frameset cols="20%, 阅读全文
posted @ 2020-04-04 21:24 yxfyg 阅读(177) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>注册页面</title> </head> <body> <table width="100%"> <tr> <td> <table width="100%"> <tr> <td>< 阅读全文
posted @ 2020-04-04 20:38 yxfyg 阅读(129) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>网站首页</title> </head> <body> <table width="100%"> <tr> <td> <table width="100%"> <tr> <td>< 阅读全文
posted @ 2020-04-04 17:31 yxfyg 阅读(339) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>熟悉table标签</title> </head> <body> <table border="1px" width="500px" bgcolor="yellow" align= 阅读全文
posted @ 2020-04-04 14:45 yxfyg 阅读(204) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>熟悉常用标签</title> </head> <body> <!-- h1 标题 : h后面数字 取值范围: 1~6 --> <h1>我是h1</h1> <h2>我是h2</h2> 阅读全文
posted @ 2020-04-03 10:42 yxfyg 阅读(303) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <!-- 1. 上面是一个文档声明 2. 根标签 html 3. html文件主要包含两部分. 头部分和体部分 头部分 : 主要是用来放置一些页面信息 体部分 : 主要来放置我们的HTML页面内容 4. 通过标签来对内容进行描述,标签通常都是由开始标签和结束标签组成 阅读全文
posted @ 2020-04-03 10:01 yxfyg 阅读(92) 评论(0) 推荐(0)
摘要:<h1>静夜思<h1> --李白<br/> 床前明月光,<br/> 疑是地上霜。<br/> <p>举头望明月,</p> <p>低头思故乡。</p> 阅读全文
posted @ 2020-04-03 09:13 yxfyg 阅读(527) 评论(0) 推荐(0)