摘要： 今天就基于易学易用的jQuery来做一个选项卡切换效果，很简单哦。选项卡切换是在网页制作中经常会使用到的一个效果。原理css：为html元素设置不同的类，利用display属性控制元素是否显示。html：选项卡和内容数量相等且一一对应。jquery：根据鼠标动作获取到被选中的选项卡；改变当前选项卡的类，使其显示；改变其它选项卡的类，使其显示未选中；获取当前选项卡在父元素中的顺序并找到对应的内容容器；改变此对应内容容器的类，使其显示；改变其它内容容器的类，使其隐藏。效果图（查看演示页面）html结构<div class="title_box clearfix"> 阅读全文

摘要： 上一例通过简短的jQuery代码实现了简单、实用的选项卡切换效果，如果你也是刚刚接触jQuery的话，相信你也和我一样，已为jQuery强 大、高效的魅力所折服。对于javascript新手来说，jQuery确实是快速、高效的好帮手。希望我们能共同进步，在最短 的时间内掌握尽可能多的jQuery知识和用法。今天我们就在上一例（选项卡切换）的基础上，来实现也很常用的“焦点图”效果。效果图：（查看演示页面）再来回顾一下选项卡切换效果的实现方法：总数相等的选项卡与内容一一对应；通过鼠标点击（click事件）获取到被点击的选项卡序号；找到被点击选项卡对应的内容；为该选项卡和该内容添加class以达到显 阅读全文

摘要： 什么是CSS Sprites:一种网页图片应用处理方式：将一个页面涉及到的零星图片都包含到一张大图中去。这样一来，当访问该页面时，客户端只需要向服务器请求少量的图片，图片越多请求次数越少，造成延迟的可能性也就越小，能有效减轻服务器的压力。CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”、“background- position”的组合进行背景定位，用数字精确地定位出背景图片的位置。（如果还没有完全掌握CSS背景定位，请参阅《CSS背景 background属性全解析》。）利用CSS Sprites能减少网页的http请 阅读全文