Archive for the 滑动展示 [Toggle] Category

Simple Toggle with CSS & jQuery

Posted by Feng Filed Under CSS, 滑动展示 [Toggle] with 2 Comments

sample
一个简单的滑动内容展示的小东西。
Continue

Intelligent Accordion Effect Using Prototype and Scriptaculous

Posted by Feng Filed Under 滑动展示 [Toggle] with 2 Comments

AccordionEffect

We’ve all seen the "accordion" type effect used on many Web 2.0 sites; however, many accordion scripts are heavy, make poor use of the libraries they are based on, and don’t handle things like ensuring that the accordion maintains a consistent height. In this tutorial, we will use the Prototype and Scriptaculous libraries to create a lightweight, intelligent accordion.

Continue

Accordion v2.0

Posted by Feng Filed Under 滑动展示 [Toggle] with 2 Comments

Accordionv2 一个轻量级“手风琴”,内置“scriptaculous”，可以在任何一个浏览器上正常运行。

如何使用 How to Use

Include the files
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/effects.js"></script>
<script type="text/javascript" src="javascript/accordion.js"></script>

Continue

Animated JavaScript Accordion V2

Posted by Feng Filed Under 滑动展示 [Toggle] with No Comments

手风琴效果。

This lightweight (1.3 KB) animated JavaScript accordion is an update to the original accordion script posted on April 18th. It is now smaller, faster, supports multiple instances and includes an active header class toggle. The markup is also improved through the use of definition lists and the CSS has been simplified as well.
Continue

javascript内容滑动

Posted by Feng Filed Under 滑动展示 [Toggle] with No Comments


设置滚动区，建立一个以下CSS属性的DIV…

position:relative; overflow:hidden; height:XXXpx;

Continue

« Older Entries