Web前端
关注
分享
扫一扫
馬冬梅啊
这个作者很懒，什么都没留下…
展开
-
Web前端（一）HTML
Day1 : 2018/11/10 HTML创建页面：注：h从1到6，而字体标签的size从1到7一些eclipse使用技巧：ctrl+d是删除当前行。当光标在一行的两端时，按住shift+home/end可以选择当前行ctrl+shift+左右是选择一个单词，可以连点左右已选择多个。ctrl + shift + f 格式自动调整显示图片： &am原创 2018-11-09 18:22:41 · 1018 阅读 · 5 评论 -
Web前端（四）jQuery (3) jQ基本选择器
Date： 2018/11/18基本选择器,和css里面一样，无图，新垣结衣镇楼源代码：<!DOCTYPE html><html> <head> <meta c原创 2018-11-18 17:26:49 · 283 阅读 · 0 评论 -
Web前端（四）jQuery (4) jQ层级选择器
Date ： 2018/11/18层级选择器，无图，结衣镇楼：源代码：<!-- 1、body div body元素的所有下级，儿子、孙子、重孙子。。。2、body > div body元素所有的儿子3、#two+div two元素的同桌(向下数第一个同级元素)4、#one~div one元素的兄弟(不包括自己) --><原创 2018-11-18 21:24:06 · 249 阅读 · 0 评论 -
Web前端（四）jQuery (5) jQ过滤选择器
Date：2018/11/18过滤选择器源代码：<!-- 基本过滤器：1、body div:first 获取div的第一个元素2、body div:last 获取div的最后一个元素3、body div:odd 获取div的奇数个元素4、body div:even 获取div的偶数个元素 --><!DOCTYPE html>原创 2018-11-18 21:48:00 · 210 阅读 · 0 评论 -
Web前端（四）jQuery (6) jQ属性选择器
Date ： 2018/11/18属性选择器，还是没图，这次放长泽雅美源代码：1、div[id] 选择有id属性的div2、div[id='two'] 选择有id属性的值为two的div<!DOCTYPE html><html> <head> <meta charset="UTF原创 2018-11-18 22:10:55 · 352 阅读 · 0 评论 -
Web前端（四）jQuery (7) jQ重写表格隔行变色
Date:2018/11/18jQ重写表格隔行变色，标签绑定事件，效果图：可以直接引用css.style中的样式，如下图所示：源代码：<!-- 1、$("tbody tr:odd").css("background-color","red");但是开发中不常用2、$("tbody tr:odd").addCl原创 2018-11-19 09:42:16 · 438 阅读 · 0 评论 -
Web前端（四）jQuery (10) jQ_validate插件重写表单校验
Date：2018/11/19表单校验用jQ_validate插件重写：插件下载位置：菜鸟教程提供菜鸟教程讲的很好了：菜鸟validate讲解源代码：<!-- 1、引入validate.js 和 中文化的messages_zh.js;2、获取表单$("#registForm").validate({});3、这个里面的user、password等只是name = user...原创 2018-11-19 17:42:21 · 369 阅读 · 0 评论 -
Web前端（四）jQuery (9) jQ重写省市二级联动
Date：2018/11/19用jQuery重写省市二级联动，效果如图：源代码：<!-- 1、绑定事件change；2、获取用户选择的省份；var val = this.value3、创建二位数组存储省份和城市；4、遍历数组，两种方法： $().each() 遍历 jQuery 对象， 或者$.each(cities,function(i,n){}用于遍历任何对象,...原创 2018-11-19 15:12:28 · 251 阅读 · 0 评论 -
Web前端（四）jQuery (8) jQ重写表单全选
Date：2018/11/19效果图：源代码：<!-- 1、在下面的复选框中添加属性 attr("checked",this.checked); 在1.8及以下版本有效，高版本用prop2、this.checked 是获取当前的属性值（第一个复选框状态），将下面的复选框与第一个复选康属性同步 --><!DOCTYPE html&原创 2018-11-19 10:07:54 · 198 阅读 · 0 评论 -
Web前端（五）Bootstrap
下载booststrap ： Bootstrap下载然后在文件开头引入三个 <link rel="stylesheet" href="css/bootstrap.min.css" /> <s原创 2018-11-20 14:26:32 · 307 阅读 · 0 评论 -
Web前端（四）jQuery (2) toggle切换显示/隐藏状态
Date：2018/11/18用toggle，点击一下可以显示或者隐藏图片，回顾style和script的一些属性用法效果图：源代码：1、style里面：margin: auto;text-align: center;2、是click不是onclick !!!!<!DOCTYPE html><html> &原创 2018-11-18 16:33:19 · 725 阅读 · 0 评论 -
Web前端（四）jQuery (1) jQ重写广告弹出
Date：2018/11/18重写广告弹出源代码：1、书写定时广告图片的定时操作 time = setInterval("showAd()",3000); 2、书写显示广告的函数 function showAd()3、获取广告图片，并显示 $("#img2").show(4000); 4、清除显示图片的定时操作 clearInterval(time);5、设置隐藏原创 2018-11-18 16:07:45 · 297 阅读 · 0 评论 -
Web前端（二）HTMLHTML&css（上）table+form 创建表单
html 网站注册页面_表单标签属性效果图：源代码：注意点：每个标签后面都要加name=" " 或者value="",方便后台获取数据；placeholder、checked、selected 都是可以预先帮用户选取信息的属性，具体看源代码；<!DOCTYPE原创 2018-11-10 21:47:40 · 1245 阅读 · 0 评论 -
Web前端（二）HTML&css（下）css选择器和引入方式、css重构网站首页
css的选择器基本选择器元素选择器<title>元素选择器</title> <style> div{原创 2018-11-12 13:50:07 · 425 阅读 · 0 评论 -
Web前端（三）JavaScript (2) 轮播图片+弹出广告
Day：2018/11/13在网页上轮图片和弹出广告：源代码<!DOCTYPE html><html> <head> <meta charset="utf-8&amp原创 2018-11-13 12:44:54 · 710 阅读 · 0 评论 -
Web前端（三）JavaScript (1) 表单校验：弹出显示
Date：2018/11/131：表单校验效果图：在表单中输入的信息不符合时候，会弹窗警告。源代码：<!-- 1：将事件函数嵌入到相应的标签中(如监测提交的onsubmit = “return function()") --><!-- 2:在head中添加&a原创 2018-11-13 12:46:06 · 1406 阅读 · 0 评论 -
Web前端（三）JavaScript (3) 改进表单校验：同行显示
Date：2018/11/13改进表单校验弹出式为旁显式，效果如下：源代码：<!-- 1:用onfocus聚焦事件，用onblur脱离事件，此处是指用户点击输入框； --><!-- 2:用<span>在框的后面添加我们要显示的字段； -->&a原创 2018-11-13 15:37:20 · 318 阅读 · 0 评论 -
Web前端（三）JavaScript (4) 改进表格变色：鼠标进入表格变色
Date：2018/11/17效果如图所示，鼠标进入表格变色，光标离开恢复源代码：<!-- 1、鼠标进入/出 ：onmouseover / onmouseout --><!-- 2、两个事件绑定一个函数chColor() --><!DOCTYPE html><htm原创 2018-11-17 12:38:06 · 602 阅读 · 0 评论 -
Web前端（三）JavaScript (5) 表单全选
Date：2018/11/17效果如图：点击一个，其他全选，可以复原：源代码：<!-- 1、确定事件：onclick 绑定到复选框里面； --><!-- 2、获取复选框：var checkAllEle = document.getElementById("id") --><!--原创 2018-11-17 14:12:01 · 593 阅读 · 0 评论 -
Web前端（三）JavaScript (6) 省市二级联动
Date：2018/11/17效果图，籍贯选湖北，然后后面就会出现湖北的地级市:源代码：<!-- 1、事件(onchange)；2、创建二维数组存储省份和城市；（数组长度 = 最大角标+1）3、获取用户选择的省份(使用方法传参的方式：this.value)；4、遍历数组，获取省份，与用户选择的省份作比较，相同，继续遍历该省份下所有城市；5、创建文本节点和元素节点，并添加；...原创 2018-11-17 19:03:21 · 695 阅读 · 0 评论 -
Web前端（三）JavaScript (7) 动态加载列表
Date：2018/11/17效果如图，点击按钮就会增加一个hah，主要是测试创建节点和嵌入节点的功能，具体例子在（6）中有体现：源代码：<!-- 1、document.createTextNode 创建文本节点2、document.createElement 创建元素节点(html 里标签就是节点)3、liEle.appendChild 可以在节点里加另一个元素...原创 2018-11-17 20:37:32 · 1151 阅读 · 0 评论 -
Web前端学习笔记
HTMLWeb前端（一）HTMLcssWeb前端（二）HTMLHTML&css（上）table+form 创建表单Web前端（二）HTML&css（下）css选择器和引入方式、css重构网站首页JavaScriptWeb前端（三）JavaScript (1) 表单校验：弹出显示Web前端（三）JavaScript (2) 轮播图片+弹出广告Web前端（三）JavaS...原创 2018-12-15 22:24:11 · 1981 阅读 · 1 评论