- 博客(44)
- 收藏
- 关注
RSS订阅转载 jQuery - 学习笔记 -
获取元素 模拟css选择元素 div id="div1" class="box">Divdiv> $('#div1') // 获取 id $('div') // 获取 标签 $('.box') // 获取 class 独有表达式选择 body> ul> l
2018-01-15 00:07:08
417
转载 jQuery - 手风琴效果{蒙版} -
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ padding:0; margin:0; } ul,o
2018-01-14 22:35:52
317
转载 jQuery - 手风琴效果 -
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ padding:0; margin:0; } ul,o
2018-01-14 22:33:42
690
转载 jQuery - 间歇模型（无缝滚动） -
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ padding:0; margin:0; } ul,o
2018-01-14 22:25:47
677
转载 妙味课堂 - 小试牛刀（JS）-
JS基础HTML属性操作五、JS数据类型、类型转换5.1、JS数据类型JS中的数据类型有哪些~？数字、字符串、布尔、函数、对象（obj、数组[]、json{}、null空 ）、undefined5.2、Number()、parseInt()、parseFloat() の 区别Number() 函数把对象的值转换为数字。parseInt() 函数可解析一
2018-01-13 08:39:38
1605
转载 小练习
html lang="en">head> meta charset="UTF-8"> style media="screen"> #div { width: 100px; height: 100px; border: 1px solid red; } style>he
2018-01-08 23:37:53
200
转载 jQuery - 图片叠加旋转木马轮播切换效果 -
html>head>meta charset="UTF-8">title>title>style type="text/css">*{ margin: 0; padding: 0;}.box{ margin-top: 300px; width: 100%; height: 340px; position: relative;}
2018-01-04 22:46:38
3984
转载 JavaScript - 无缝滚动（不好使坏的） -
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2018-01-03 18:35:01
276
转载 JavaScript - 简单运动 -
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style media="screen"> #div1 { width: 100px; height: 100px;
2018-01-03 15:27:07
193
原创 行万里路
一线城市（4个）北京市、上海市、广州市、深圳市新一线城市（15个）成都市、杭州市、武汉市、重庆市、南京市、天津市、苏州市、西安市、长沙市、沈阳市、青岛市、郑州市、大连市、东莞市、宁波市
2018-01-01 10:11:49
271
转载 JavaScript - 认识DOM -
JavaScript都有那些事件onscroll 事件在元素滚动条在滚动时触发。onload 事件会在页面或图像加载完成后立即发生。onresize 事件会在窗口或框架被调整大小时发生。onreset 事件会在表单中的重置按钮被点击时发生。javascritpの逻辑与（&&）和逻辑或（||）在js中写出如下的答案 ：var a = 2;var b = 3;
2017-12-27 08:35:09
249
原创 JavaScript - 购物单 -
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2017-12-24 13:00:00
726
原创 JavaScript - 自定义属性 -
自定义开关 (onOff)点击事件的俩个样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible
2017-12-21 13:10:53
278
转载 JavaScript - 手风琴 -
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style media="screen"> ul {list-style: none}* {margin: 0;padding: 0;}div {width: 1150px;height: 400
2017-12-19 22:04:53
339
原创 JavaScript - 延时提示框 -
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2017-12-16 00:31:22
272
原创 JavaScript - 模态框弹出层 -
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2017-12-15 00:20:47
2602
原创 JavaScript - 倒计时(天数,时,分,秒) -
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2017-12-14 12:16:45
277
转载 JavaScript - 数码钟表 -
一、定时器の使用（知识点）开启定时器setInterval 【间隔性】一旦启动就不会停下来setTimeout【延时性】只执行一次script type="text/javascript"> function show() { alert('a'); } // show(); s
2017-12-14 01:06:57
298
原创 JavaScript - 简易年历 -
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2017-12-13 08:24:22
653
原创 JavaScript - 选项卡 -
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2017-12-12 11:47:24
166
转载 JavaScript - 全选onclick事件 -
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2017-12-11 22:38:45
631
转载 CSS - 2D变形 + 过渡 - 标签
translate() 移动值 translate(50px,100px) 把元素从左侧移动 50 像素，从顶端移动 100 像素。 div { transform: translate(50px,100px); -ms-transform: translate(50px,100px); /* IE 9 */ -webkit-tran
2017-12-09 12:03:58
280
原创 妙味课堂 - 前端初窥 -
1 background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0, 0, 0, 0.8) 80%);### Ps技术 - 切图 测量 ##测量：F8、信息面板 切图（抠图） command + c 复制 command + n 新建同等大小纸张 command + d 粘贴 command + s 保存css
2017-12-09 10:58:00
700
转载 HTML - 表单（form） -
1、placeholder 占位符<input type="text" name="" placeholder="请输入您的用户名">2、autofocus 自动获取焦点<input type="text" name="名称" placeholder="请输入您的用户名" autofocus>3、required 必填项必填项：在提交时会进行验证<input type="text" placehol
2017-12-08 22:42:37
871
转载 HTML - 极客学院（哔哩哔哩） -
一、小标签<b> 粗体文本<i> 斜体字<sup> 上标文本<sub> 下标文本<del> 删除文本二、css样式表插入方法外部样式表<link rel="stylesheet" type="text/css" href="/css/master.css">内部样式表<style type="text/css"> body {
2017-12-08 21:52:25
511
转载 jQuery - 下拉菜单 -
html lang="zh-CN">head> meta charset="UTF-8"> meta name="author" Content="li"> meta name="renderer" content="webkit"> meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
2017-12-07 15:40:33
214
转载 jQuery - 基础知识 -
1、jQuery 事件 - ready() 方法 定义：在文档加载后激活函数 $(document).ready(function(){ }); //在文档加载后激活函数、写在最外面2、jQuery 事件 - on() 方法 定义：被选中の元素添加一个或多个事件 $("p").on("click",function(){ alert("段落被点
2017-12-05 22:37:30
243
转载 HTML - table - 标签
- table - 标签简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。 更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。表格练习：<!-- html 部分 --><table> <tbody>
2017-12-05 14:07:08
167
转载 一个切图仔的工作日常
1.拿到公司设计师给的PSD图（PC端给的是1920px的设计稿，移动端给的750px的设计稿）。2.自己新建一个项目目录（默认有css，js,images文件夹以及一个index.html文件）。3.分析设计图，使用PS切图工具进行切图（分析哪些内容需要切成图片，设计稿的图标，可以向设计师要这些图标的SVG图，或者到http://www.iconfont.cn/阿里巴巴矢量图网站找相应的图标svg
2017-12-04 23:34:12
1729
转载 HTML - video - 标签
video标签定义视频<div class="video-wrap"> <video autoplay="autoplay" loop="ture"> <source src="video/171031cover.mp4" type="video/mp4"> <source src="video/171031cover.webm" type="video/we
2017-12-04 17:26:34
331
转载 媒体查询
CSS媒体查询、针对不同的设备类型定义不同的样式。一、在样式表链接中使用媒体查询<link rel="stylesheet" href="styles/mainstyles.css">//此样式表表示.应用于所有设备，<link rel="stylesheet" href="styles/widerscreen.css"media="only and (min-width:40em)">//此
2017-12-04 17:01:42
1795
转载 jQuery - 侧栏导航点击滑入滑出效果 -
点击按钮滑动显示侧边导航栏html lang="en">head> meta charset="UTF-8"> title>Documenttitle> style media="screen"> li { list-style: none; } .side_open { position:
2017-12-02 23:50:56
10225
转载 jQuery - 回到顶部按钮 -
实现”回到顶部按钮”这个功能要满足两个要求，1. 当浏览器下拉时按钮显示，回到顶部时按钮隐藏； 2. 点击按钮时，通过jquery的animate函数滑到顶部。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset...
2017-12-01 19:25:03
429
转载 JavaScript - 函数 -
一、函数的声明和调用函数用英语的写法是function：就是功能的意思。函数の功能：封装一段语句，这些语句是一个整体，调用的时候，要全部一起执行。语法： // 我现在要写一个名字叫"fun"的函数的了（即.函数声明） // 函数的声明只是告诉我们函数内有封装了哪些语句，并不会执行。 function fun(){ // 肚子里面装的都是要执行语句（它们是整体、
2017-12-01 18:24:18
125
转载 JavaScript - 循环语句 -
循环语句：就是重复执行一段代码指代遇见某个指令时结束该循环。 循环语句分类：for循环、do while、while 、for in（遍历循环）。一、for循环语法for（循环变量的初始值；最大值；步长）{ 循环体 }例题1、for循环是一个前测试循环语句 执行循环语句之前，先判断是否满足条件，满足条件时循环才执行。 //循环变量的初始值；最大值；步长
2017-12-01 15:03:38
191
转载 CSS3 - 鼠标移动图片变大 -
鼠标未放到图片上的效果： 鼠标放到图片上后的效果：放大的过程是有动画过渡的，这个过渡的时间可以自定义 <!DOCTYPE html><html lang="en"><head> <style media="screen"> .warp { width: 540px; height: 540px;
2017-12-01 00:22:20
791
转载 JavaScript - 条件分支语句 -
一、if语句1.1 结构：if ……else …… 如果……否则……var a = parseInt(prompt("输入你的考试成绩")); if (a >= 60) { alert("考试及格"); }else{ // 隐含含义 a < 60 alert("没有及格"); }//注释：//parseInt() 函数、解析
2017-11-30 23:23:48
548
转载 JavaScript - 基础知识 [1] -
一、javascript书写位置1.1 第一种：直接书写在body标签内部（目前练习使用方法） <body> <script type="text/javascript"> javascript语言 ... </script> </body>1.2 第二种：在head标签内部。引入js文件的方法。(工作中使用的方法
2017-11-30 17:08:20
270
转载 jQ传统轮播图 - 火车法 -
jQ传统轮播图 - 火车法 -html lang="en">head> meta charset="UTF-8"> title>Documenttitle> style type="text/css"> *{ padding:0; margin:0; list-style
2017-11-30 13:28:40
355
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人