小宾童鞋学吐槽

2015年3月20日

摘要：使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为：load(url,[data],[callback])参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。例如，点击“加载”按... 阅读全文

posted @ 2015-03-20 09:59 小宾童鞋学吐槽阅读(178) 评论(0) 推荐(0)

2015年3月19日

34.隐性改变display类型

摘要：有一个有趣的现象就是当为元素（不论之前是什么类型元素，display:none 除外）设置以下 2 个句之一：position : absolutefloat : left 或 float:right元素会自动变为以display:inline-block的方式显示，当然就可以设置元素的 width... 阅读全文

posted @ 2015-03-19 14:59 小宾童鞋学吐槽阅读(112) 评论(0) 推荐(0)

33.垂直居中-父元素高度确定的多行文本（方法二）

摘要：在 chrome、firefox 及 IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell，激活 vertical-align 属性，但注意 IE6、7 并不支持这个样式。html代码：看我是否可以居中。看我是否可以居中。 ... 阅读全文

posted @ 2015-03-19 14:51 小宾童鞋学吐槽阅读(153) 评论(0) 推荐(0)

32.垂直居中-父元素高度确定的多行文本（方法一）

摘要：父元素高度确定的多行文本、图片、块状元素的竖直居中的方法有两种：方法一：使用插入 table (包括tbody、tr、td)标签，同时设置 vertical-align：middle。说到竖直居中，css 中有一个用于竖直居中的属性 vertical-align，但这个样式只有在父元素为 td 或 ... 阅读全文

posted @ 2015-03-19 14:50 小宾童鞋学吐槽阅读(204) 评论(0) 推荐(0)

31.水平居中总结-不定宽块状元素方法（三）

摘要：方法三：通过给父元素设置 float，然后给父元素设置 position:relative 和 left:50%，子元素设置 position:relative 和 left:-50% 来实现水平居中。代码如下： 1 2 3 css代码：这种方... 阅读全文

posted @ 2015-03-19 14:42 小宾童鞋学吐槽阅读(178) 评论(0) 推荐(0)

30.水平居中总结-不定宽块状元素方法（一）

摘要：在实际工作中我们会遇到需要为“不定宽度的块状元素”设置居中，比如网页上的分页导航，因为分页的数量是不确定的，所以我们不能通过设置宽度来限制它的弹性。不定宽度的块状元素有三种方法居中（这三种方法目前使用的都比多）：加入 table 标签设置display;inline 方法设置 position:re... 阅读全文

posted @ 2015-03-19 12:05 小宾童鞋学吐槽阅读(220) 评论(0) 推荐(0)

29.水平居中设置-行内元素

摘要：我们在实际工作中常会遇到需要设置水平居中场景，今天我们就来看看怎么设置水平居中的。如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置text-align:center来实现的。如下代码：html代码：我是文本，哈哈，我想要在父容器中水平居中显示。css代码：阅读全文

posted @ 2015-03-19 11:45 小宾童鞋学吐槽阅读(122) 评论(0) 推荐(0)

22.调用delay()方法延时执行动画效果

摘要： delay()方法的功能是设置一个延时值来推迟动画效果的执行，它的调用格式为：$(selector).delay(duration)其中参数duration为延时值，它的单位是毫秒，当超过延时值时，动画继续执行。例如，当页面中图片动画正在执行时，点击“延时”按钮调用delay()方法推迟2000毫秒... 阅读全文

posted @ 2015-03-19 11:27 小宾童鞋学吐槽阅读(433) 评论(0) 推荐(0)

21.调用stop()方法停止当前所有动画效果

摘要： stop()方法的功能是在动画完成之前，停止当前正在执行的动画效果，这些效果包括滑动、淡入淡出和自定义的动画，它的调用格式为：$(selector).stop([clearQueue],[goToEnd])其中，两个可选项参数clearQueue和goToEnd都是布尔类型值，前者表示是否停止正在执... 阅读全文

posted @ 2015-03-19 11:06 小宾童鞋学吐槽阅读(194) 评论(0) 推荐(0)

20.调用animate()方法制作简单的动画效果

摘要：调用animate()方法可以创建自定义动画效果，它的调用格式为：$(selector).animate({params},speed,[callback])其中，params参数为制作动画效果的CSS属性名与值，speed参数为动画的效果的速度，单位为毫秒，可选项callback参数为动画完成时执... 阅读全文

posted @ 2015-03-19 10:55 小宾童鞋学吐槽阅读(665) 评论(0) 推荐(0)

公告