20个惊人的jQuery文字动画效果示例

jopen 10年前

Apple-liked Retina Effect With jQuery

20个惊人的jQuery文字动画效果示例

This tutorial shows you how the author has turned a simple image into a fully functional “Retina effect” only using jQuery and CSS.

Find out more about Apple-like Retina Effect With jQuery

Make A Simple Rotating Banner Animation Effect With jQuery, PHP and MySQL

20个惊人的jQuery文字动画效果示例

Try to create and randomly display banners on your homepage. Each of the banners has a neat jQuery animation effect, which you can change it to fit your own needs.

Check out the Simple Banner Rotator

Approach: A jQuery Animation Effects Plugin

20个惊人的jQuery文字动画效果示例

This jQuery plugin allows you to animate style properties based on the pointer’s proximity to an object.

Go to jQuery Approach Page

The jQuery Hover Method - MicroTut

20个惊人的jQuery文字动画效果示例

Need a beautiful hover navigation menu, you may look for a robust method with which to style your menu items for a mouse over and mouse out state. This is where hover() method comes along.

See more about MicroTut: The jQuery Hover Method

Create a 3D Tag Cloud in jQuery

20个惊人的jQuery文字动画效果示例

With modern browsers rendering JavaScript faster than ever before, it’s a your opportunity to get creative with some jQuery. This tip will show how to make a scrolling 3D tag cloud with ease

More Information on Create a 3D Tag Cloud in jQuery

Use jQuery & CSS to make Neon Text

20个惊人的jQuery文字动画效果示例

Check to see know how to make a neon glow text effect with CSS and jQuery.

Tip to create Neon Text Effect With jQuery & CSS

Circulate

We can animate the featured value with one easing function while animating the “left” ones with a different easing function.

20个惊人的jQuery文字动画效果示例

More Information on Circulate

Colortip jQuery Tooltip Plugin

This plugin is going to convert all of the title attributes of elements withing your page, into a variation of colorful tooltips. Six color themes are included, so you can easily match its style with the rest of your design.

20个惊人的jQuery文字动画效果示例

Details about Colortip – a jQuery Tooltip Plugin

Color Fading Menu Effect with jQuery

20个惊人的jQuery文字动画效果示例

Here the author will showcase how to perform color fading menu effect with some jQuery code and image merging.

Details and donwload Color Fading Menu with jQuery

Grid Accordion

20个惊人的jQuery文字动画效果示例

This grid of cells expand both vertically as well as horizontally to display the content inside.

More Information on Grid Accordion

Use jqDock to make Leopard Desktop

20个惊人的jQuery文字动画效果示例

This tip use jQuery to create a completely coded Dashboard, look like Leopard. The script can be handy in hiding a whole lot of gadgets or widgets you don’t have space for

More Information about Leopard Desktop with jQuery using jqDock

BBC Radio 1 Zoom Tabs

20个惊人的jQuery文字动画效果示例

Use your mouse scroll over the image block, selected tab will slide up and the image zooms out a little to reveal more of the picture.

Details of BBC Radio 1 Zoom Tabs

jQuery Flipped Image Gallery with Bounce Effects

20个惊人的jQuery文字动画效果示例

Showcasing your content via images are always more visual than text. That’s why image gallery is important. Here, this script will hlep you to create flipped image gallery based on jQuery. On mouse hover the images will expand. It’s so stylish and simple.

Details of JQuery Based Flipped Image Gallery

Stunning Sliding Door Effect with jQuery Effects

20个惊人的jQuery文字动画效果示例

This script will products effects when you move mouse over and mouse out with the corners diagonally out and in according to the mouse event.

Details of Stunning Sliding Door Effect with jQuery

How to Create a Threadless Style T-Shirt Gallery

20个惊人的jQuery文字动画效果示例

Arrange thumbnails around the full size image in a container div, which is smaller than the full sized image.

Details of  Create Threadless Style T-Shirt Gallery

Flashlight

20个惊人的jQuery文字动画效果示例

Turn your mouse into a flashlight and you can only read the content where you are moving your mouse over.

Details of Flashlight

Sproing – An Elastic Thumbnail Menu

20个惊人的jQuery文字动画效果示例

This script will magnify your menu items when hovering them. Also Menu items expand upwards.

Details of  Elastic Thumbnail Menu

Halftone Navigation Menu Using jQuery & CSS3

20个惊人的jQuery文字动画效果示例

This script shows you how to display animated halftone-style shapes in accordance using the navigation links, and will offer a simple editor for creating extra shapes as well.