• jquery基础教程三[渐变效果]

    我们来看看jquery是如何实现淡入 淡出效果的. fadeOut(speed,callback) 通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数。 这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。 这里我们说需要说明的是 speed (String|Number): (可选) 三种预定速度之一的字符串(“slow”, “normal”, or “fast”)或表示动画时长的毫秒数...阅读全文
    作者:吉心 | 分类:Jquery | 阅读:1498 次 | 标签:,
  • 关于Tab(选项卡)的一些实现方式

    对于这个功能,我想大家都不陌生。最初是在zEUS的DZTHEME上见到,后来慢慢的很多人都开始喜欢这种做法,因为这样做有很多好处,最明显的就是在有限的地方放更多的内容。当然这不是我今天要说的主要内容,今天谈的是怎么实现,哪种实现方式更好。 其实最近看了很多关于TABS的文章,大家的实现方式都不一样,但效果是一样,今天又在城讪@后上看到了他的”为你的博客轻松添加Tabs选项卡切换效果“...阅读全文
    作者:吉心 | 分类:Jquery | 阅读:1773 次 | 标签:,
  • 用jquery写一个简单的菜单伸缩效果

    先看下效果图吧!其实是一个很简单的东西。只是对以前的知识复习下。这里就不做详细说明了,懂得jQuery的选择器和效果就行了。 jQuery的代码如下: jQuery(document).ready(function(){ jQuery(“dd:not(:first)”).hide(); jQuery(“dt a”).click(function(){ jQuery(“dd:visible”).slideUp(“slow”); jQuery(...阅读全文
    作者:吉心 | 分类:Jquery | 阅读:1692 次 | 标签:,
  • jQuery 实现 tab 切换一例

    对于Tab切换,我想大家都不陌生了。现在几乎是到处可见了;今天为大家介绍下怎么用jQuery来实现一个简单的Tab切换效果。其实这类例子网上也有很多了,在这里不讨论它的实现原理,因为都是些最基本的应用而已。没什么可研究的;关健还在于怎样灵活运用。达到举一反三的效果; 先看下效果图; 下面我就不做注释了,直接贴代码了。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...阅读全文
    作者:吉心 | 分类:Jquery | 阅读:1470 次 | 标签:,
  • jQuery实现背景图渐变切换

    链接的背景图切换一般都用CSS的HOVER来控制,虽然很方便,但效果不怎么酷,没有平滑效果,显得有点突然。在这篇文章里给大家介绍下如何用jQuery来实现一个平滑的渐变式背景切换。效果大家可以看下这个站(http://dragoninteractive.com/)。如图所示。 上面的网站在中有很多地方都应用了这种效果。看起来是不是很酷。OK,进入正题; 在这里我用一个简单的实例来分析下,先看下我们要用到的...阅读全文
    作者:吉心 | 分类:Jquery | 阅读:1890 次 | 标签:
  • 一个jQuery弹出层(tipsWindown)

    弹出层效果网上很多很多,也没啥好说的了。写这个只是作为学习JQ的一些记录。此插件的一些方法参考了花匠的dialog;在此表示感谢。 接着说说这种弹出层的原理或者说是做法。总结下经验;首先需要一个遮罩层来实现灰色背景。我们可以创建一个z-index高于其他层的DIV。然后设为绝对定位。接着获取页面的高度并把它作为这个DIV的高度。这样背景层的问题就OK了; 背景层结构: 然后是弹出层...阅读全文
    作者:吉心 | 分类:Jquery | 阅读:1727 次 | 标签:, ,