![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 92 阅读 · 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 · 148 阅读 · 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 · 112 阅读 · 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 · 290 阅读 · 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 · 200 阅读 · 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 · 172 阅读 · 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 · 109 阅读 · 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 · 366 阅读 · 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 · 296 阅读 · 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 · 76 阅读 · 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 · 144 阅读 · 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 · 125 阅读 · 0 评论 -
Ajax
原创 2019-08-17 12:18:31 · 68 阅读 · 0 评论 -
jquery
原创 2019-08-17 12:13:37 · 60 阅读 · 0 评论 -
Dom
原创 2019-08-17 12:07:59 · 58 阅读 · 0 评论 -
js基础
原创 2019-08-17 12:01:43 · 73 阅读 · 0 评论 -
HTML基础
html介绍:html:超文本标记语言html的作用:制作网页(静态网页)结构标签:1.根标签:<html></html>2.头标签:<head></head>可包含title,meta,script,style,link3.体标签:<body></body>字体标签:1.<font...原创 2019-08-17 11:55:30 · 151 阅读 · 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 · 1061 阅读 · 0 评论