易博奕-YBYsuccess

2018年11月23日

摘要：手动轮播图，为轮播图中的一种，轮播图主要有无缝轮播，手动轮播，延迟轮播，切换轮播等等。。。轮播图主要用于展现图片，新出商品，词条，又能美观网页。給网页中增加动态效果。手动轮播，是小编认为最简单的一种轮播方式，既能左右翻页，还能通过悬浮按钮，快速预览图片，所以今天就给大家写一个原生js手动轮播图。阅读全文

posted @ 2018-11-23 10:25 易博奕-YBYsuccess 阅读(1225) 评论(1) 推荐(0)

2018年11月22日

js实现原生选项卡

摘要：开关按钮设置你好啊，小老弟 come on do 阅读全文

posted @ 2018-11-22 11:16 易博奕-YBYsuccess 阅读(208) 评论(0) 推荐(0)

css清除浮动float

摘要：一、浮动产生原因一般浮动是什么情况呢？一般是一个盒子里使用了CSS float浮动属性，导致父级对象盒子不能被撑开，这样CSS float浮动就产生了。本来两个黑色对象盒子是在红色盒子内，因为对两个黑色盒子使用了float浮动，所以两个黑色盒子产生了浮动，导致红色盒子不能撑开，这样浮动就产生阅读全文

posted @ 2018-11-22 11:16 易博奕-YBYsuccess 阅读(344) 评论(0) 推荐(1)

利用this属性实现点击按钮变色.选中效果

摘要：浏览器宿主的全局环境中，this指的是window对象。浏览器中在全局环境下，使用var声明变量其实就是赋值给this或window。除了DOM的事件回调或者提供了执行上下文（后面会提到）的情况，函数正常被调用（不带new）时，里面的this指向的是全局作用域。下面用JavaScript中的t 阅读全文

posted @ 2018-11-22 11:00 易博奕-YBYsuccess 阅读(1805) 评论(0) 推荐(0)

2018年11月19日

Flex 弹性盒基本语法

摘要：网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式阅读全文

posted @ 2018-11-19 09:58 易博奕-YBYsuccess 阅读(202) 评论(0) 推荐(0)

2018年11月5日

css浮动

摘要：浮动样式float: float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。默认值为：none；可能的值为： left：元素向左浮动； right:元素向右浮动； inhe 阅读全文

posted @ 2018-11-05 11:45 易博奕-YBYsuccess 阅读(145) 评论(1) 推荐(0)

块级元素和行内元素

摘要：块级元素和行内元素行内元素有：heda meat title lable span br a style em b i strong 块级元素有：body select textarea h1-h6 html table button hr p ol ... 阅读全文

posted @ 2018-11-05 11:24 易博奕-YBYsuccess 阅读(275) 评论(0) 推荐(0)

HTML标签

摘要： Html常用标签元素常用HTML标签元素结合及简介创建一个HTML文档设置文档标题和其它在网页中不显示的信息设置文档的标题最大的标题预先格式化文本下划线黑体字斜体字打字机风格的字体引用,通常是斜体强调文本(通常是斜体加黑体) 加重文本(通常是斜体加黑体) 设置字体大小从1到7... 阅读全文

posted @ 2018-11-05 10:42 易博奕-YBYsuccess 阅读(144) 评论(0) 推荐(0)

2018年11月3日

css三种基本选着器

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>css选着器分类</title> <style> /*使用选择器给div设定样式*/ .bigbox{ height: 600px; width: 800px; backgrou 阅读全文

posted @ 2018-11-03 04:44 易博奕-YBYsuccess 阅读(208) 评论(0) 推荐(0)

css清除常用标签默认样式表

摘要： /*公共样式*/ html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; }div｛displ 阅读全文

posted @ 2018-11-03 04:04 易博奕-YBYsuccess 阅读(2330) 评论(0) 推荐(0)