- 博客(12)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 js实现多tab栏切换效果（二）
上篇js实现tab栏切换效果（一）实现了tab栏的切换效果，如果实现多tab栏的切换效果的话，直接用上面的代码会有小bug。不过不用怕，给每个tab栏加一个id唯一标识的话，就没啥问题了。 废话上说，上代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>
2017-01-25 17:30:34
3965
原创 js实现tab栏切换效果（一）
利用javascript实现tab栏切换效果， 其中原理“置之死地而后生”，先把所有人干掉，自己再复活。 直接上代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{
2017-01-25 17:17:02
9601
原创 javascript变量知识小梳理
1.变量Javasctript对变量的定义并不需要声明变量的类型，通过赋值的形式，将各种类型的数据赋值给同一个变量。 a=100;//Number类型 a="honey";//String类型 a={name:jake};//Object类型 a=[1,2,3];//Array类型 2.变量的命名规则!(1).变量命名必须以字母或是下标符号”_”或者”$”为开头。 (2).变量名长度不
2017-01-24 20:02:09
399
原创 JS实现全选、不选和反选效果
利用javascript实现全选、不选和反选效果 这个啥也不用多说，直接来代码，代码中自有注释帮你理解<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){
2017-01-24 18:57:20
4812
原创 纯css实现菱形◇变三角的小技巧
利用css将◇变成三角箭头效果，实现京东头部类似效果 上代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0;
2017-01-23 13:48:58
2281
原创 css:position以及z-index属性
css定位语法 position : static | absolute | fixed | relative 说明： 从上面语法可以看出，定位分为静态（static），绝对定位（absolute），固定(fixed)，相对定位（relative）。其中最常用也是最实用的两个定位方法：绝对定位（absolute）、相对定位（relative），我会重点介绍一下。1.position：stat
2017-01-23 12:24:37
4574
1
原创 参加”WEEX Conf“小体会
今天去参加了阿里举行的“WEEX Conf”。Weex作为阿里开源的高性能跨平台开发移动框架，一直受到广泛关注。（原谅我这个小菜鸟，是在参加互动的前夕才去简单的了解了一下）。这次WeexConf是我来杭州参加的第一个技术大会，2016年的D2大会很遗憾的没有报名成功，所以这次能够报名成功还是挺开心的。简单回顾一下今天的时光，早上6点半起床，美美的吃了顿早饭，8点坐上地铁，中间倒了一次brt4，虽然
2017-01-12 21:11:44
1148
1
原创 关于健身的那点儿事儿
不是因为看到希望才去坚持，而是因为坚持才看到希望！ 今天一天过的晕晕乎乎的，思路老是被外界打断，写东西也是断断续续的，心情很是郁闷！下午5点照旧去了健身房！健完身，称了一下体重，哎呦，我去！这是给我的一个惊喜啊，体重恢复到了开始健身的水平了，心里那个美呀！要知道从入冬以来，我可是每周都被人约了吃大餐的呀，体重一直起起伏伏。还记得办完健身卡很豪气的对人说，我要瘦五斤！可是每次去称体重，都是重
2017-01-11 21:27:00
642
3
原创 CSS浮动
浮动浮动是css里面布局用的最多的属性。 float常跟属性值left、right、none float:none 不使用浮动 float:left 靠左浮动 float:right 靠右浮动 在上篇文章中，我已经明确说明过，用标准流是做不出网页效果的。做网页就要考虑网页的布局，而无论多么复杂的布局，其基本的出发点均是“如何在一行显示多个div”，这就要用到浮动。浮动简单的理解为让某个di
2017-01-10 16:02:16
678
原创 CSS标准文档流
标准文档流说白了就是一个“默认”状态。文档流指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。标准流的微观现象：(1).空白折叠现象。比如，如果我们想让img标签之间没有空隙，必须紧密连接。<img src="img/00.jpg"/><img src="img/02.jpg"/>(2)高矮不齐，底边对齐 (3)自动换
2017-01-10 13:07:06
8297
2
原创 css层叠性，优先级问题
层叠性：就是css处理冲突的能力。层叠性是一种能力 层叠性的应用是 当多个选择器描述了同一个属性的时候，这个属性到底应该听谁的？ 先举个栗子：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">
2017-01-10 10:34:27
1104
1
原创 css特性之继承性
继承性通俗的讲：给父元素设置一些属性，其子元素也可以使用，子元素可以继承父元素的属性。 下面看例子说明：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ color: red;
2017-01-09 14:21:47
760
jQuery版本的手风琴效果
2017-02-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人