11 2018 档案
原生js手动轮播图
摘要:手动轮播图,为轮播图中的一种,轮播图主要有无缝轮播,手动轮播,延迟轮播,切换轮播等等。。。 轮播图主要用于展现图片,新出商品,词条,又能美观网页。給网页中增加动态效果。 手动轮播,是小编认为最简单的一种轮播方式,既能左右翻页,还能通过悬浮按钮,快速预览图片,所以今天就给大家写一个原生js手动轮播图。
阅读全文
css清除浮动float
摘要:一、浮动产生原因 一般浮动是什么情况呢?一般是一个盒子里使用了CSS float浮动属性, 导致父级对象盒子不能被撑开,这样CSS float浮动就产生了。 本来两个黑色对象盒子是在红色盒子内,因为对两个黑色盒子使用了float浮动, 所以两个黑色盒子产生了浮动,导致红色盒子不能撑开,这样浮动就产生
阅读全文
js实现按钮开关.单击下拉菜单
摘要:通过onclick单击事件,实现效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>开关按钮设置</title> </head> <link rel="stylesheet" href="css/Default s
阅读全文
利用this属性实现点击按钮变色.选中效果
摘要:浏览器宿主的全局环境中,this指的是window对象。 浏览器中在全局环境下,使用var声明变量其实就是赋值给this或window。 除了DOM的事件回调或者提供了执行上下文(后面会提到)的情况,函数正常被调用(不带new)时,里面的this指向的是全局作用域。 下面用JavaScript中的t
阅读全文
Flex 弹性盒基本语法
摘要:网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式
阅读全文
css浮动
摘要:浮动样式float: float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。 默认值为:none; 可能的值为: left:元素向左浮动; right:元素向右浮动; inhe
阅读全文
块级元素和行内元素
摘要:块级元素和行内元素 行内元素有:heda meat title lable span br a style em b i strong 块级元素有:body select textarea h1-h6 html table button hr p ol ...
阅读全文
HTML标签
摘要:Html常用标签元素 常用HTML标签元素结合及简介 创建一个HTML文档 设置文档标题和其它在网页中不显示的信息 设置文档的标题 最大的标题 预先格式化文本 下划线 黑体字 斜体字 打字机风格的字体 引用,通常是斜体 强调文本(通常是斜体加黑体) 加重文本(通常是斜体加黑体) 设置字体大小从1到7...
阅读全文
css三种基本选着器
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>css选着器分类</title> <style> /*使用选择器给div设定样式*/ .bigbox{ height: 600px; width: 800px; backgrou
阅读全文
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
阅读全文