摘要：
有一个有趣的现象就是当为元素（不论之前是什么类型元素，display:none 除外）设置以下 2 个句之一：position : absolutefloat : left 或 float:right元素会自动变为以display:inline-block的方式显示，当然就可以设置元素的 width... 阅读全文
posted @ 2015-03-19 14:59
小宾童鞋学吐槽
阅读(112)
评论(0)
推荐(0)
摘要：
在 chrome、firefox 及 IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell，激活 vertical-align 属性，但注意 IE6、7 并不支持这个样式。html代码： 看我是否可以居中。 看我是否可以居中。 ... 阅读全文
posted @ 2015-03-19 14:51
小宾童鞋学吐槽
阅读(156)
评论(0)
推荐(0)
摘要：
父元素高度确定的多行文本、图片、块状元素的竖直居中的方法有两种：方法一：使用插入 table (包括tbody、tr、td)标签，同时设置 vertical-align：middle。说到竖直居中，css 中有一个用于竖直居中的属性 vertical-align，但这个样式只有在父元素为 td 或 ... 阅读全文
posted @ 2015-03-19 14:50
小宾童鞋学吐槽
阅读(208)
评论(0)
推荐(0)
摘要：
方法三：通过给父元素设置 float，然后给父元素设置 position:relative 和 left:50%，子元素设置 position:relative 和 left:-50% 来实现水平居中。代码如下： 1 2 3 css代码：这种方... 阅读全文
posted @ 2015-03-19 14:42
小宾童鞋学吐槽
阅读(180)
评论(0)
推荐(0)
摘要：
在实际工作中我们会遇到需要为“不定宽度的块状元素”设置居中，比如网页上的分页导航，因为分页的数量是不确定的，所以我们不能通过设置宽度来限制它的弹性。不定宽度的块状元素有三种方法居中（这三种方法目前使用的都比多）：加入 table 标签设置display;inline 方法设置 position:re... 阅读全文
posted @ 2015-03-19 12:05
小宾童鞋学吐槽
阅读(221)
评论(0)
推荐(0)
摘要：
我们在实际工作中常会遇到需要设置水平居中场景，今天我们就来看看怎么设置水平居中的。如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置text-align:center来实现的。如下代码：html代码： 我是文本，哈哈，我想要在父容器中水平居中显示。css代码： 阅读全文
posted @ 2015-03-19 11:45
小宾童鞋学吐槽
阅读(125)
评论(0)
推荐(0)
摘要：
delay()方法的功能是设置一个延时值来推迟动画效果的执行，它的调用格式为：$(selector).delay(duration)其中参数duration为延时值，它的单位是毫秒，当超过延时值时，动画继续执行。例如，当页面中图片动画正在执行时，点击“延时”按钮调用delay()方法推迟2000毫秒... 阅读全文
posted @ 2015-03-19 11:27
小宾童鞋学吐槽
阅读(442)
评论(0)
推荐(0)
摘要：
stop()方法的功能是在动画完成之前，停止当前正在执行的动画效果，这些效果包括滑动、淡入淡出和自定义的动画，它的调用格式为：$(selector).stop([clearQueue],[goToEnd])其中，两个可选项参数clearQueue和goToEnd都是布尔类型值，前者表示是否停止正在执... 阅读全文
posted @ 2015-03-19 11:06
小宾童鞋学吐槽
阅读(203)
评论(0)
推荐(0)
摘要：
调用animate()方法可以创建自定义动画效果，它的调用格式为：$(selector).animate({params},speed,[callback])其中，params参数为制作动画效果的CSS属性名与值，speed参数为动画的效果的速度，单位为毫秒，可选项callback参数为动画完成时执... 阅读全文
posted @ 2015-03-19 10:55
小宾童鞋学吐槽
阅读(669)
评论(0)
推荐(0)
摘要：
调用fadeTo()方法，可以将所选择元素的不透明度以淡入淡出的效果调整为指定的值，该方法的调用格式为：$(selector).fadeTo(speed,opacity,[callback])其中speed参数为效果的速度，opacity参数为指定的不透明值，它的取值范围是0.0~1.0，可选项参数... 阅读全文
posted @ 2015-03-19 10:51
小宾童鞋学吐槽
阅读(493)
评论(0)
推荐(0)
摘要：
使用slideToggle()方法可以切换slideUp()和slideDown()，即调用该方法时，如果元素已向上滑动，则元素自动向下滑动，反之，则元素自动向上滑动，格式为：$(selector).slideToggle(speed,[callback])其中speed参数为动画效果时的速度值，可... 阅读全文
posted @ 2015-03-19 10:48
小宾童鞋学吐槽
阅读(334)
评论(0)
推荐(0)
浙公网安备 33010602011771号