HTML5学堂-码匠 HTML5学堂

切换查看方式:

Tab切换效果[系列] - jQuery的AJAX技术实现Tab切换

【HTML5学堂 - 特效制作开发】从一个简单的Tab切换开始——JQ+AJAX+Tab。jQuery是现在前端常用JavaScript框架之一,Tab切换也是现在网页中常用的效果之一。当Tab切换的内容比较多的时候,为了良好的用户体检,加快网页的加载速度,我们可以使用AJAX来实现。

作者:HTML5学堂 阅读量:1290 微博分享

浏览器常见兼容问题-IE6列表项之间的空隙问题如何解决

【HTML5学堂 - 兼容问题汇总】列表项间出现空隙 — IE6的列表项。提到IE6,大家都很头疼,因为在IE6下,会发生各种奇葩的BUG,不知道大家是否遇到过这样的事情,FF中正常,在IE6中Li列表项之间增加空行。如果出现了这样的问题我们怎么解决呢?

作者:HTML5学堂 阅读量:384 微博分享

Tab切换效果[系列] - 原生AJAX技术实现Tab切换

【HTML5学堂 - 特效开发】从一个简单的Tab切换开始——与AJAX的结合。Tab切换效果是一个很常用很简单的效果,但是我们可以通过很多种方法实现出来。当Tab切换内容中数据量大的时候,为了良好的用户体验,加快网页的加载速度,我们可以利用AJAX来加载Tab切换中的内容。

作者:HTML5学堂 阅读量:629 微博分享

如何实现兼容IE6的a标签鼠标移入效果(hover效果)

【HTML5学堂 - 兼容问题汇总】兼容IE6 a标签hover特殊效果。虽然IE6现在使用率越来越低,很多网站也放弃了对IE6,甚至放弃了对IE7的兼容,但是IE6还是有很多人在使用。当我们在处理a标签的hover效果的时候,会出现一些兼容问题,那我们来看一下面这个效果。

作者:HTML5学堂 阅读量:490 微博分享

浏览器常见兼容问题-IE6的png透明问题的解决方法

【HTML5学堂 - 兼容问题汇总】PNG兼容IE6解决方法。在项目开发中,PNG图片格式也是经常遇到,但是在IE6上存在兼容问题,也是让大家很头疼的问题。本文给大家介绍了三种方法,来解决PNG图片格式在IE6上的兼容问题,有图有真相哦~赶紧来看看~

作者:HTML5学堂 阅读量:528 微博分享

Tab切换效果[系列] - 利用自定义属性实现Tab切换

【HTML5学堂 - 特效开发】从简单的Tab切换开始—利用“对象的属性”。为何要利用对象的属性进行Tab切换的简化呢?在前面两种效果的书写当中,我们都利用到了闭包的概念,但是我们都知道,闭包是让函数能够处于持续性的被引用状态,从而不能释放空间,闭包的滥用会导致内存泄露。此时我们利用对象的属性配合索引值这种方式来简化Tab切换效果。

作者:HTML5学堂 阅读量:465 微博分享

浏览器常见兼容问题-IE6中浮动元素底部外边距失效

【HTML5学堂 - 兼容问题汇总】浮动元素margin-bottom失效 — IE6盒模型。虽然IE6慢慢的退出市场了,但是还是有必要了解一些兼容问题,让自己的知识有一个更好的沉淀。margin-bottom的bug是容器div的 'zoom:1' 触发了 hasLayout,其内部浮动子元素也参与到了容器的高度计算之中。

作者:HTML5学堂 阅读量:596 微博分享

Tab切换效果[系列] - 通过children等DOM操作提升Tab切换的扩展性

【HTML5学堂 - 特效开发制作】从简单的Tab切换开始—如果tab内容中仍然有div。之前我们已经完成了tab切换这个效果的代码的第一次简化。伴随着对这个效果思考的深入,很多人会遇到这样一个问题,如果在存放tab内容的div当中,又出现了div这个标签,那么会发生什么样的现象呢?又如何解决这个问题呢?大家一起来看看。

作者:HTML5学堂 阅读量:445 微博分享