
web前端
Happy祥子
这个作者很懒,什么都没留下…
展开
-
HTML学习笔记
标签的基本使用基本标签h标签 font标签 hr标签<!DOCTYPE html><html> <head> <meta charset="UTF-8&q原创 2018-11-07 12:42:57 · 264 阅读 · 0 评论 -
利用JavaScript实现图片轮播自动播放
需求有一组图片,每个三秒钟,就切换一张图片,最终是一直在不停地切换技术分析原创 2018-11-14 10:11:25 · 2820 阅读 · 0 评论 -
利用JavaScript完成页面定时弹出广告
需求分析一般网页,我们在打开的时候会弹出一个广告,让我们看5秒钟,然后自动消失。技术分析定时器setInterval:每隔多少秒执行一次函数setTimeout:多少秒之后执行一次函数clearIntervalclearTimeout显示广告 img.style.display = “block”隐藏广告 img.style.display = “none”步骤...原创 2018-11-14 10:10:59 · 1386 阅读 · 0 评论 -
利用css+div制作网站注册界面
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="../css/m原创 2018-11-09 00:40:03 · 1952 阅读 · 0 评论 -
利用div+css对网站首页进行优化及各类常用选择器
在前一天的博客中,网站首页是通过表格嵌套的,但是存在一些问题。表格布局缺陷:嵌套层级太多了,一旦出现嵌套顺序错乱,整个页面达不到预期的效果。一旦改动一小块整个布局都要发生改变。引出div+css布局div 标签和 span 标签div 默认占用一行 span 不占用一行css的概述层叠样式表主要作用:美化我们的html页面。元素选择器:语法:元素的名称{属性:属性的...原创 2018-11-08 22:42:01 · 195 阅读 · 0 评论 -
JavaScript的简单入门
Javascript是一种直译式的脚本语言什么是脚本语言?Java源代码———》编译成java.class 文件 ————》java 虚拟机才能执行脚本语言:源码—》解释执行js由我们的浏览器来解释执行。HTML决定页面的框架CSS:美化页面js:与用户的交互js的组成ECMAScript:核心部分,定义js的语法规范DOM:document object model 文档对...原创 2018-11-13 20:30:35 · 199 阅读 · 0 评论 -
HTML之frameset的使用
注意:去掉body标签,否则会出错<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <frameset rows="15%,*">原创 2018-11-07 12:41:01 · 159 阅读 · 0 评论 -
网站注册案例
分析中间注册部分为三个table嵌套,最中间的table是10行2列代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body>原创 2018-11-07 12:35:54 · 323 阅读 · 1 评论 -
HTML之表单
表单标签 action : 直接提交的地址 method : get 方式 默认提交方式 ,会将参数拼接在链接后面 , 有大小限制 ,4k post 方式 会将参数封装在请求体中, 没有这样的限制 input : type: 指定输入项的类型 text : 文本 password : 密码框 ra...原创 2018-11-07 11:25:21 · 237 阅读 · 0 评论 -
网站首页案例
目标网站分析 1. 创建一个8行一列的表格 2. 第一部份: LOGO部分: 嵌套一个一行三列的表格 3. 第二部分: 导航栏部分 : 放置5个超链接 4. 第三部分: 轮播图 5. 第四部分: 嵌套一个三行7列表格 6. 第五部分: 直接放一张图片 7. 第六部分: 抄第四部分的 8. 第七部分: 放置一张图片 9. 第八部分: 放一堆超链接代码&...原创 2018-11-07 10:37:45 · 3105 阅读 · 0 评论 -
吐血整理:jQuery快速入门。(今天也要加油鸭!)
今日任务使用JQuery完成页面定时弹出广告定时器: setInterval clearInterval setTimeout clearTimeout显示: img.style.display = “block”隐藏: img.style.display = “none”img 对象 style属性: style对象使用JQuery完成表格的隔行换...转载 2018-12-05 13:35:33 · 192 阅读 · 0 评论