web前端
关注
分享
扫一扫
HGG-
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css基础
CSS介绍 CSS引入 2.CSS样式 3.行内样式 直接在HTML的元素上使用style属性设置CSS 标题 4.页面内样式 在HTML的标签中使用 5.外部样式 单独定一个.css的文件在HTML中引用该CSS文件 CSS选择器 1.元素选择器 文档的元素就是则基本的选择器 div{ width：100px; ...原创 2019-08-09 11:05:34 · 115 阅读 · 0 评论 -
广告定时弹出隐藏
<html> <head> <title>广告定时弹出隐藏</title> <meta charset="utf-8"/> <script> var time; window.onload=function(){ time=window.setTimeout("show()",2000); ...原创 2019-08-18 10:24:02 · 180 阅读 · 0 评论 -
定时弹出广告
<html> <head> <title>定时弹出广告</title> <meta charset="utf-8"/> <script src="js/jquery-3.3.1.js"></script> <script> var time; $(function(){ ...原创 2019-08-18 10:21:50 · 134 阅读 · 0 评论 -
JS实现隔行换色
<html> <head> <title></title> <meta charset="utf-8"/> <script src="js/jquery-3.3.1.js"></script> <script> /*window.onload=function(){ //...原创 2019-08-18 10:21:03 · 328 阅读 · 0 评论 -
复选框全选全不选
<html> <head> <title>复选框全选全不选</title> <meta charset="utf-8"/> <script src="js/jquery-3.3.1.js"></script> <script> window.onload=function(){ ...原创 2019-08-18 10:19:56 · 231 阅读 · 0 评论 -
二级联动
<html> <head> <title>二级联动</title> <meta charset="utf-8"/> <script src="js/jquery-3.3.1.js"></script> <script> function getShi(index){ //...原创 2019-08-18 10:19:08 · 203 阅读 · 0 评论 -
轮播图
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>轮播图</title> <script> window.onload=function(){ window.setInterval("rotate()",2000); } var i=1; fun...原创 2019-08-18 10:16:59 · 144 阅读 · 0 评论 -
打开页面显示系统时间
编程：打开页面显示系统时间，效果如图 <html> <head> <script type="text/javascript"> function m1(){ var now = new Date(); var year = now.getFullYear(); var month = now.getMonth() + 1...原创 2019-08-18 10:04:40 · 421 阅读 · 0 评论 -
为页面按钮添加单击事件，单击按钮触发函数，显示“百钱买百鸡的方案”
计算“百钱买百鸡”的问题：公鸡5文钱一只，母鸡3文钱一只，小鸡1文钱3只，如何用一百文钱买到一百只鸡？ 为页面按钮添加单击事件，单击按钮触发函数，显示“百钱买百鸡的方案”。页面效果如图 js_exercise1.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...原创 2019-08-18 10:03:27 · 339 阅读 · 0 评论 -
盒子模型
使用盒子模型创建如下效果图： （附图） <html> <head> <title>小猫</title> <style> .d1{ border:1px solid blue; margin:2px; float:left; } .d2{ border:1px solid re...原创 2019-08-18 09:59:53 · 103 阅读 · 0 评论 -
浮动效果
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .divClass{ border:1px solid blue; width:200px; height:220p...原创 2019-08-18 09:58:23 · 184 阅读 · 0 评论 -
表单校验
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function checkForm(){ var username=documen...原创 2019-08-16 15:16:32 · 165 阅读 · 0 评论 -
Ajax
原创 2019-08-17 12:18:31 · 92 阅读 · 0 评论 -
jquery
原创 2019-08-17 12:13:37 · 90 阅读 · 0 评论 -
Dom
原创 2019-08-17 12:07:59 · 81 阅读 · 0 评论 -
js基础
原创 2019-08-17 12:01:43 · 98 阅读 · 0 评论 -
HTML基础
html介绍： html:超文本标记语言 html的作用：制作网页（静态网页） 结构标签： 1.根标签：<html></html> 2.头标签：<head></head>可包含title，meta，script，style，link 3.体标签：<body></body> 字体标签： 1.<font...原创 2019-08-17 11:55:30 · 190 阅读 · 0 评论 -
get方式注册，post方式注册
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="jquery-3.3.1.js"></script> <script> $(function(){ ...原创 2019-08-18 10:31:17 · 1127 阅读 · 0 评论