自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

歪脖先生的博客

分享Web知识,交流Web经验

  • 博客(20)
  • 资源 (7)
  • 论坛 (2)
  • 收藏
  • 关注

原创 Bootstrap3 Font Awesome 字体图标的堆叠

堆叠的图标Font Awesome还支持将多个图标叠加在一起组成一个复合图标。如果想要将多个图标堆叠起来,需要给容器元素添加.fa-stack类,为图标元素使用.fa-stack-1x作为正常比例的图标,使用.fa-stack-2x作为大一些的图标。还可以为图标元素使用.fa-inverse类让图标颜色反色,为容器元素添加 .fa-lg、或.fa-2x、或.fa-3x、或.fa-4x、或.fa...

2019-06-05 15:04:22 529

原创 Bootstrap3 Font Awesome 字体图标带动画的图标

带动画的图标Font Awesome不仅支持固定角度的旋转,还提供了带动画的旋转图标。可以使用.fa-spin类让任意图标动态持续旋转,还可以使用.fa-pulse类让图标以 8 步为周期进行旋转,它们尤其适合表示刷新、加载等功能的图标,如.fa-spinner、.fa-refresh和.fa-cog等:<divclass="fa-3x"> <iclass="fa ...

2019-06-05 15:03:27 712

原创 Bootstrap3 Font Awesome 字体图标旋转或翻转图标

旋转或翻转图标Font Awesome提供了一组样式类,可以对图标进行固定角度的旋转或翻转。这些类分别是 .fa-rotate-90(顺时针旋转90度)、.fa-rotate-180(顺时针旋转180度)、.fa-rotate-270(顺时针旋转270度)、.fa-flip-horizontal(水平翻转)、.fa-flip-horizontal(垂直翻转)。如:<divclass...

2019-06-05 15:02:39 2117

原创 Bootstrap3 Font Awesome 字体图标带边框的图标

带边框的图标使用.fa-border类,可以类轻易构造出带有圆角边框的图标。还可以添加.pull-right或.pull-left类,让图标向右或向左浮动,所有图标都支持这两个类。如:<div> <iclass="fa fa-quote-left fa-3x fa-border pull-left"></i> <p>歪脖网(waibo....

2019-06-05 15:01:53 304

原创 Bootstrap3 Font Awesome 字体图标的尺寸

图标的尺寸通过应用.fa-lg、.fa-2x、.fa-3x、.fa-4x、.fa-5x类,让图标变得更大。按先后顺序,这些类所对应的图标大小按 33% 依次递增。如:<iclass="fa fa-camera-retro fa-lg"></i> <iclass="fa fa-camera-retro fa-2x"></i> <i...

2019-06-05 15:01:00 501

原创 Bootstrap3 Font Awesome 字体图标的基本图标

基本图标Font Awesome图标跟Glyphicon图标的用法完全相同,所有图标都需要一个基类 .fa和对应每个图标的 .fa-*类。只需创建一个行内元素,并为它应用图标类,即可使用Font Awesome图标。如:<iclass="fa fa-camera-retro"></i>效果如图 5‑1所示:图5-1 基本图标关于作者...

2019-06-05 14:59:34 939

原创 Bootstrap3 Font Awesome 字体图标

简介Font Awesome 是一套绝佳的图标字体库,它提供可缩放的矢量图标,并且可以通过CSS来设置大小、颜色、阴影或者其它任何支持的效果。Font Awesome具有以下特性:一个字库,675 个免费图标。 完全免费,包括商业用途。 最初是为Bootstrap设计的,现在可以适用于所有框架。 完全不依赖JavaScript,不存在任何兼容性问题。 兼容桌面应用。 只要CSS支...

2019-06-05 14:58:14 492

原创 Bootstrap3 Affix插件

AffixAffix插件(affix.js)是一个很有用的插件,它可以让你的导航始终都固定在某个位置。一开始的时候,导航出现在页面的某个位置,当页面滚动一定距离时,无论页面如何滚动,它都固定在一个位置,就像被帖在页面上一样。Affix插件被翻译为多种中文名称,如粘条、固定导航等,每种翻译都很难准确表达作者的原意。本文干脆不做翻译,直接使用Affix了事,免得画蛇添足。以下是Affix插...

2019-06-04 16:19:01 775

原创 Bootstrap3 输入提示插件typeahead

输入提示输入提示是一个表单输入辅助类型的插件,它简单、易于扩展,可以在用户输入过程中,针对用户的输入快速地给出输入提示。在Bootstrap2中,输入提示是一个标准插件,到了Bootstrap3,它已经被独立出来,不再是Bootstrap的标准插件。如果要使用输入提示插件的功能,可以从Bootstrap2中拷贝 bootstrap-typeahead.js 文件。输入提示插件的基本原理...

2019-06-04 16:18:17 2033

原创 Bootstrap3 轮番插件的事件

轮番插件的事件Bootstrap为轮番插件定义了两个事件,通过这些事件,可以监听播放行为及轮番组件的状态。这些事件及含义见表 4‑12。表 4‑12 轮番插件的事件及含义 事件 含义 slide.bs.carousel 当 slide 实例方法被调用时,立即触发该事件 slid.bs.carousel 当切换完一帧后,触发该事件 如,希望在轮番切换过程中,整...

2019-06-03 16:23:36 102

原创 Bootstrap3轮番插件的选项

轮番插件的选项Bootstrap为轮番插件提供了 4 个选项,这些选项都可以通过 data 属性或JavaScript进行设置。选项的详细说明见表 4‑11:表 4‑11 carousel插件的选项 名称 类型 默认值 说明 interval number 5000 自动循环时,每个项目延迟的时间量。如果为 false,轮播将不会自动循环 pa...

2019-06-03 16:22:54 101

原创 Bootstrap3 轮番插件的调用方式

轮番插件的调用方式1、JavaScript调用JavaScript调用轮番其实很简单,只需在脚本中调用 carousel() 方法即可。格式为:$('.carousel').carousel();除此之外,Bootstrap还提供了其它一些方法,可以根据需要选择使用。这些方法为:.carousel('cycle'):从左向右循环播放。 .carousel('pause...

2019-06-03 16:22:18 108

原创 Bootstrap3 轮番插件的使用方法

轮番Bootstrap 的轮番插件(carousel.js)是一个灵活的、响应式的、无缝循环播放的幻灯片切换插件,它的内容可以是图片、视频、或者其他任何内容。使用方法Bootstrap中的轮番由一个 class="carousel" 的容器定义,其中包含轮番指示器、轮番内容、轮番的控制按钮。为了确保在播放时,能够对控制按钮和轮番指示器进行正常定位,需要为容器定义一个 id。如:...

2019-06-03 16:21:32 311

原创 Bootstrap3 折叠插件的事件

折叠插件的事件Bootstrap还为折叠组件提供了一组事件,通过这些事件,可以监听用户的行为及折叠组件的状态。这些事件及含义见表 4‑10。表 4‑10 折叠插件的事件及含义 事件 含义 show.bs.collapse 调用show方法时,立即触发该事件 shown.bs.collapse 当可折叠元素对用户完全可见(会等待过渡效果执行结束)后,触发该事件 ...

2019-06-02 18:52:17 492

原创 Bootstrap3 折叠插件的选项

折叠插件的选项Bootstrap为折叠插件提供了 2 个选项,所有的选项都可以通过 data 属性或JavaScript进行设置。见表 4‑9。表 4‑9 collapse插件的选项 名称 类型 默认值 说明 parent 选择器 false 如果指定了选择器,则该选择器指定的父元素下,同一时刻只能显示一个折叠面板 toggle bool...

2019-06-02 18:51:35 285

原创 Bootstrap3 折叠插件的调用方式

折叠插件的调用方式折叠插件的结构相对复杂,但调用比较简单,可以通过data属性调用,也可以通过JavaScript调用。1、data 属性调用要激活折叠插件的激活行为,首先为标题部分的链接定义 data-toggle="collapse" 属性,还要为包含框定义 id,并在标题中通过 data-parent 属性指向该 id,以便在同一个包含框中同时只能有一个内容部分被显示出来。如:...

2019-06-02 18:50:24 278

原创 Bootstrap3 折叠插件的使用方法

折叠折叠插件(collapse.js)可以很容易地让页面区域折叠起来。当列表菜单的条目特别多,而页面空间有限时,使用类似于手风琴的折叠菜单可以节约页面空间,方便用户浏览。使用方法Bootstrap中,折叠组件的基本结构是在一个 class="accordion" 的容器中,包含一个或多个 class="accordion-group" 的折叠面板子容器。如:<div...

2019-06-02 18:49:16 1243

原创 Bootstrap3 按钮组插件

按钮组将按钮组放在特定的容器中,不必编写JavaScript代码,就可以让按钮组具有HTML的复选框(checkbox)或单选框(radio)的效果。1)复选按钮组复选按钮组是类似于复选框的一组按钮,用户可以选择按钮组中的多个按钮。要添加这个功能,只需给 .btn-group 的按钮组容器添加 data-toggle="buttons " 属性,并将一组包含复选框的 <label...

2019-06-01 17:54:21 246

原创 Bootstrap3 按钮状态切换

按钮状态切换将单个按钮的 data-toggle 属性设置 button,或通过简单的JavaScript编程,就可以激活按钮的行为状态,让它在未激活和激活状态之间来回切换。如:<buttonclass="btn btn-primary"data-toggle="button"autocomplete="off">Single Toggle</button>...

2019-06-01 17:53:30 2580

原创 Bootstrap3 按钮状态提示

按钮Bootstrap中的按钮插件(button.js)被赋予多种功能,如为工具条之类的组件赋予状态提示功能、状态切换功能、或者按钮组的功能。在页面多次加载之间,Firefox 仍然保持表单控件的状态(禁用状态和选择状态)。一个解决办法是为按钮设置 autocomplete="off"属性。状态提示通过自定义属性和简单的JavaScript编程,就可以让按钮具有状态提示功能。比如,...

2019-06-01 17:52:41 659

《揭秘 CSS》PDF,高清, 带书签,可编辑

系统介绍整个CSS体系,全面涵盖CSS1、CSS2.1、CSS3, 让零基础web前端工程师从入门到完全精通CSS。内容编排上,则是由浅入深,从基础讲起,逐步深入,直到将CSS的所有特性完全剖析清楚

2018-03-19

超越CSS:Web设计艺术精髓.pdf

《超越CSS:Web设计艺术精髓》系统、深入地阐释了网站的设计与实现,帮助读者从设计的角度来使用CSS以达到完美的效果。作者通过使用标记和CSS的形象的创造性示例,帮助读者掌握实现创意设计的方法。读者将学会如何使用新的设计流程,创建对包括设计师在内的所有团队成员都很好用的原型,有效地使用网格,设计标记的视觉效果,并了解优秀设计过程的每一个阶段——从使用最新的浏览器到在团队协作中高效地应用CSS3。

2015-09-24

精通CSS:高级Web标准解决方案(第2版)

精通CSS高级web标准解决方案

2015-10-12

JavaScript高级程序设计(第3版)

《JavaScript高级程序设计(第3版)》是JavaScript超级畅销书的最新版。ECMAScript5和HTML5在标准之争中双双胜出,使大量专有实现和客户端扩展正式进入规范,同时也为JavaScript增添了很多适应未来发展的新特性。

2015-10-12

JavaScript权威指南_第6版

JavaScript权威指南_第6版,迄今为止最权威的Javascript教程。 David Flanagan 著,淘宝前端团队 译,机械工业出版社。

2015-10-06

SCRUM与极限编程(中文版).pdf

本书将为你提供好的敏捷开发思路等等,希望对大家有所帮助。">这本书我想大家都知道,如今敏捷开发是和鞥的炙手可热,潮流一起,跟风者势必有之。开发团队是需要了解一些Scrum的基础知识的,该怎么创建产品的Backlog,对它进行估算?怎样把它转化成Sprint Backlog?

2015-09-26

HTML5 Canvas Cookbook

HTML5 Canvas Cookbook (英文原版),需要中文版请联系本人

2015-09-26

ixygj197875的留言板

发表于 2020-01-02 最后回复 2020-01-02

请帮忙删除这个专栏,谢谢!

发表于 2019-05-06 最后回复 2019-05-06

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除