现代 CSS

JavaScript

jQuery制作多级导航菜单

前面在《jQuery+Superfish制作下拉菜单》中介绍了使用jQueryJoel Birch写的Superfish插件制作下拉导航菜单。使用起来是方便,而且还可以制作出不同的导航,功能强大,但有时我们只是需要做一个多级导航菜单,没有必要使用插件来制作。假使我们不需要兼容IE6这个浏览器的话,我们完全可以使用纯CSS来制作一个多级导航。比如说

jQuery制作随机变色

大家都知道,我们可以通过:hover来改变元素悬停状态下的相关参数,特别是元素的色彩,但:hover在现代浏览器上实现是没有问题,可在IE6下就只能适用在<a>元素上,其他元素就无法正常显示(具体可以看《浏览器兼容之旅的第四站:IE常见Bug——part2》)。但是我们可以通过jQuery来实现各个元素的相关属性改变。今天主要和大家一起来学习用jQuery随机改变元素的相关颜色,比如说:背景色,前景色,边框颜色等。

目标

我们今天主要来看一个实例——随机改变链接元素的前景色和背景色

jQuery制作平滑动画菜单

最近在学习jQuery的相关知识点,今天在buildinternet.com看到一篇由Zach Dunn执笔介绍的《How to Make a Smooth Animated Menu with jQuery》,此文主要介绍如何用jQuery制作平滑的动画菜单。觉得效果蛮好的,而且代码也简单。特意整理一下,贴上来与大家一起分享。

jQuery+Superfish制作下拉菜单

最早接触Superfish还是整Drupal时的下拉菜单,那时只知道SuperfishDrupal的一个Module,用来制作类似下图的菜单:

jQuery学习笔记—— .html(),.text()和.val()的使用

本节内容主要介绍的是如何使用jQuery中的.html(),.text().val()三种方法,用于读取,修改元素的html结构,元素的文本内容,以及表单元素的value值的方法。jQuery中为我们提供了多种方法用于对元素的HTML结构和元素的文本内容的操作,比如说,你可以给已存在的元素的内部,周围,前面或者后面增加新元素;或者用一个元素替代另一个元素;你也可以读取或者修改一个元素的内容或结构。有时我们就会比较模糊,不知道是给元素增加内容或者增加一个元素,比如说我们需要给一个存在的元素有效的增加这个元素的内容。

jQuery学习笔记——.attr()和.removeAttr()方法操作元素属性

今天主要和大家一起分享一下如何使用jQuery.attr().removeAttr()方法读取,添加,修改,删除元素的属性。大家在平时的Web页面制作中都有碰到如何动态的获取元素的属性和属性值,或者说动态的修改元素的某个(某些)属性的属性值。那么jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现:

jQuery学习笔记—— .addClass()/.removeClass()/.toggleClass()

在平时的页面交互制作中,我们常常要使用jQueryjavaScript来动态改变页面中某个或部分元素的样式,为了实现这样的功能,我们往往都是使用jQueryjavaScript来控制HTMLDOM的类名(class)从而实现增加或删除某一样式,今天我们所要看得是如何使用jQuery来实现这个功能。

jQuery学习笔记—— .is() VS .hasClass()

现在开始在学习jQuery基础知识,这几天学习了一下jQuery中的.is().hasClass()方法的使用。花点时间整理了一下,希望对初学者有所帮助。在jQuery中,我们可以使用两种方法来检查一个元素是否具有某些类名,这两种方法都具有相同的功能。

用JQ控制Drupal7 中block内容显示与隐藏

今天在drupal建站游逛时,发现其左边栏的JQ效果特吸引人,就拿其中的一个用户登录的block来说吧。一开始进入的时候如下图所示:

当你在标题处点击时就会把block中的内容隐藏起来,就成了下面这个样子:

在次点击时又会回到图一的效果。如想真实体会一下,你可以登录Drupal建站看看实际效果。看完初步效果后,我们在本地的drupal中来开始制作这样的效果。

页面

返回顶部