HTML5学堂-码匠 HTML5学堂

切换查看方式:

jQuery特效实战开发 - 实例:细微但舒服的导航文字变化

【HTML5学堂 – 框架使用与快速开发】导航文字细微变化。导航文字细微变化效果是我们在网站中常见的导航优化方式。在有些网站中,用户把鼠标移动在导航上时,导航生硬的hover效果极大影响了用户体验,导航用户体验优化就成了很关键的一部分。该效果的功能使用户把鼠标移入到相应导航标题时,标题文字向右缓慢运动,同时背景颜色发生变化(加深)。

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

jQuery特效实战开发 - 实例:图片渐变

【HTML5学堂 – 框架使用与快速开发】JQ特效—图片渐变。图片渐变效果是一个网站开发中经常接触的一个效果,该效果相对于传统的图集显示方式显得更加新颖、有创新。该效果不采用左右滚动的图片切换方式,选用的是图片淡入淡出加上自动更换的方式进行图片的切换。希望对大家的工作有所帮助~

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

jQuery特效实战开发 - 实例:手风琴图片切换效果

【HTML5学堂 – 框架使用与快速开发】JQ特效—手风琴。手风琴效果采用的时候jQuery插件制作,该效果采用较新颖的方式将图集展示出来。与传统的大图滚动相比,该效果更易于用户操作,用户只要把鼠标移动到某一张图片上,就可以观赏到该图片的全图,其他的图片只显示缩略图。

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

浏览器常见兼容问题-IE6盒模型怪异解析

【HTML5学堂 - 兼容问题汇总】怪异解析 - IE6盒模型。怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”,怪异模式主要表现在IE内核的浏览器。在IE6下,盒模型存在着一种怪异解析模式。接下来我们就一起来看看怪异解析的知识吧。

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

浏览器常见兼容问题-IE6列表项中的3像素bug

【HTML5学堂 - 兼容问题汇总】经典3像素bug — IE6的列表项。今天继续讲解IE6的兼容问题。对于列表项元素,存在着一种非常经典的3像素bug。在我们处理a标签时,通常都会遇到。为了比较好的用户体验,我们会将列表项中的元素进行浮动,或者让a标签以块元素的方式展示,以占满整行,而这种处理方法也会直接导致li的bug问题。

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

如何优化前端页面 / 如何优化网页

【HTML5学堂 - 面试题精讲】如何优化前端页面 / 如何优化网页。作为前端开发人员来说,不但要开发出能兼容各大主流浏览器的页面,而且还需要懂得去优化前端页面。本文主要给大家讲解如何去优化页面。

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

jQuery特效实战开发 - 实例:模拟苹果导航条

【HTML5学堂 - 框架使用与快速开发】JQ特效—仿苹果导航条。对于jQuery的学习,我们并不建议一个方法一个方法去记忆。或者说,记忆方法虽然是必要的,但是更重要的是应用。所谓条条大路通罗马,有时候同一个功能,可以用十几种方法来实现。因此,学习jQuery,应用才是王道。

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

jQuery特效实战开发 - 实例:点击下拉显示搜索框

【HTML5学堂 - 框架使用与快速开发】JQ特效—点击下拉显示搜索框。对于jQuery的学习,我们并不建议一个方法一个方法去记忆。或者说,记忆方法虽然是必要的,但是更重要的是应用。所谓条条大路通罗马,有时候同一个功能,可以用十几种方法来实现。因此,学习jQuery,应用才是王道。

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