---
title: Flip! It - A jQuery Plugin
description: If jQuery were a beautiful woman I would marry it. I say that because I keep coming across these ama...
image: https://www.websitemagazine.com/hubfs/Imported_Blog_Media/flipping-mini-Jan-23-2023-12-07-57-0051-AM-1-1-1.gif
---

[Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi)

[![Website Magazine Logo](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x-1.png?width=586&height=145&name=gradient-regular@3x-1.png "Website Magazine Logo")](http://Website%20Services,%20Inc.)

- [About](https://www.websitemagazine.com/about) 
    - [FAQs](https://www.websitemagazine.com/about/faq)
    - [Advertise](https://www.websitemagazine.com/about/advertise)
    - [Editorial Staff](https://www.websitemagazine.com/about/editorial-publishing-staff)
- [Resources](https://websitemagazine.tradepub.com)
- [Newsletter](https://www.websitemagazine.com/newsletter-sign-up)
- More 
    - [Contact Us](https://www.websitemagazine.com/contact)

[Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi)

Search

- [Latest](https://www.websitemagazine.com)
- [Design](https://www.websitemagazine.com/web-design)
- [Development](https://www.websitemagazine.com/web-development)
- [SEO](https://www.websitemagazine.com/seo)
- [Ecommerce](https://www.websitemagazine.com/ecommerce)
- [Content](https://www.websitemagazine.com/content)
- [Marketing](https://www.websitemagazine.com/marketing)
- [Advertising](https://www.websitemagazine.com/advertising)
- [Email](https://www.websitemagazine.com/email)
- [Infographics](https://www.websitemagazine.com/infographics)
- [View All Topics](https://www.websitemagazine.com/channels)

# Flip! It - A jQuery Plugin

![Pete Prestipino](https://www.websitemagazine.com/hubfs/Pete%20Prestipino.jpeg)

[by Pete Prestipino](https://www.websitemagazine.com/marketing/author/pete-prestipino) 16 Dec, 2008

- <https://twitter.com/share?url=https://www.websitemagazine.com/marketing/flip-it-a-jquery-plugin>
- <https://www.facebook.com/sharer.php?u=https://www.websitemagazine.com/marketing/flip-it-a-jquery-plugin>
- [mailto:?Body=https://www.websitemagazine.com/marketing/flip-it-a-jquery-plugin](mailto:?Body=https://www.websitemagazine.com/marketing/flip-it-a-jquery-plugin)
- Link Copied!

![Flip! It - A jQuery Plugin](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/flipping-mini-Jan-23-2023-12-07-57-0051-AM-1-1-1.gif)

**If jQuery were a beautiful woman I would marry it.**

![](https://www.websitemagazine.com/hs-fs/hubfs/Imported_Blog_Media/flipping-mini-Jan-23-2023-12-07-57-7406-AM-1-1-1.gif?width=135&height=135&name=flipping-mini-Jan-23-2023-12-07-57-7406-AM-1-1-1.gif)I say that because I keep coming across these amazing jQuery plugins that I believe absolutely any website can use to add a splash of interactivity - not because you can actually marry JavaScript libraries. The latest that caught my attention is [**Flip**](https://lab.smashup.it/flip/), a [plugin for jQuery](https://lab.smashup.it/flip/) that essentially "flips" elements of your website in four directions (bottom to top or left to right and vice versa). [Learn more about plugins.](https://www.websitemagazine.com/web-development/how-to-use-plugins-in-wordpress)

The options this jQuery plugin has are very interesting as well. Designers and developers can define the content of the flipping box (works with HTML, text or a jQuery object), the direction they want that content to flip, the background starting and ending color as well as the speed.

*Here are a few recent posts related to jQuery from Website Magazine:*

[**Blow Users Minds With Three jQuery Plugins**](https://www.websitemagazine.com/blog/Blow-Users-Minds-With-Three-jQuery-Plugins)  
jQuery is a JavaScript library that emphasizes interaction between JavaScript and HTML. jQuery is considered quite fast and lightweight and helps designers simplify how they handle HTML documents and events, perform animations and add Ajax interactions to their web pages. I know, I know - snooze.

[**jQuery Design: Pan & Cross Fade Animations**](https://www.websitemagazine.com/blog/jquery-design-pan-amp-cross-fade-animations)  
If you want a little more activity in your images, look no further than CrossSlide, a jQuery plugin which renders slide-show animations through Javascript. The plugin builds on jQuery's animation facility so it's accessible across browsers.

![Pete Prestipino](https://www.websitemagazine.com/hubfs/Pete%20Prestipino.jpeg)

[Pete Prestipino](https://www.websitemagazine.com/marketing/author/pete-prestipino)

Digital marketing executive with proven experience in all aspects of search engine optimization (SEO), performance-based advertising, consumer-generated/social media, email marketing, lead generation, Web design, usability, and analytics. - 20-year Internet marketing veteran, currently serving as the Digital Marketing Campaign Manager at Antenna Group (formerly Chicago Digital). - Former Editor-In-Chief of Website Magazine, and a regular speaker on Web technology digital marketing strategy - Author of several books on digital marketing Including Web 360: The Fundamentals of Web Success; Affiliate 360: The Fundamentals of Performance Marketing; Domains 360: The Fundamentals of Buying & Selling Domain Names, and SEO 360: The Fundamentals of Search Engine Optimization.

- <https://www.linkedin.com/in/prestipino>
- <https://www.antennagroup.com/>
- [mailto:peter@websitemagazine.com](mailto:peter@websitemagazine.com)

#### Popular Post

### [31 Back-to-School Keyword Targets ![31 Back-to-School Keyword Targets](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/schoolbus-1-1-1-1.jpg)](https://www.websitemagazine.com/marketing/31-back-to-school-keyword-targets)

### [GoDaddy Goes .XXX ![GoDaddy Goes .XXX](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-12-15-39-1451-AM-Apr-10-2023-01-36-09-0977-PM-3-1.png)](https://www.websitemagazine.com/marketing/godaddy-goes-xxx)

### [23 Cool Tech Facts ![23 Cool Tech Facts](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/fact_100x100-2-1-1-1.png)](https://www.websitemagazine.com/marketing/23-cool-tech-facts)

#### Subscribe to Our Newsletter!

[![](https://a.impactradius-go.com/display-ad/13053-1438301)](https://semrush.sjv.io/c/3976891/1438301/13053)![](https://imp.pxf.io/i/3976891/1438301/13053)

#### Latest in Marketing

[![3 Tips to Make Your Website More User-Friendly in 2023](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/pexels-photo-2284350-1-1.jpg) 3 Tips to Make Your Website More User-Friendly in 2023](https://www.websitemagazine.com/marketing/3-tips-to-make-your-website-more-user-friendly) [![Web.com Launches New Professional QuickStart Website Service](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/pexels-photo-4348404-1.jpg) Web.com Launches New Professional QuickStart Website Service](https://www.websitemagazine.com/marketing/web-com-launches-new-professional-quickstart-website-service) [![6 Ways to Stretch Your Marketing Budget](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Feb-07-2023-03-32-33-0828-PM-Apr-25-2023-03-10-37-2214-AM-1.png) 6 Ways to Stretch Your Marketing Budget](https://www.websitemagazine.com/marketing/6-ways-to-stretch-your-marketing-budget) [![5 Reasons Visitors Leave Your Website and Website Tracking Tools to Track Website Visitors](https://www.websitemagazine.com/hubfs/pexels-photo-1008155.jpg) 5 Reasons Visitors Leave Your Website and Website Tracking Tools to Track Website Visitors](https://www.websitemagazine.com/marketing/5-reasons-visitors-leave-your-website) [![5 Lessons About Workplace Energy](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/distress-1-1-1-1.png) 5 Lessons About Workplace Energy](https://www.websitemagazine.com/marketing/5-lessons-about-workplace-energy) [![Y Combinator Startups to #WebTechWatch](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/startup-funding-4-1-1-1.jpg) Y Combinator Startups to #WebTechWatch](https://www.websitemagazine.com/marketing/y-combinator-startups-to-webtechwatch)

[![gradient-regular@3x](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x.png?width=128&height=128&name=gradient-regular@3x.png)](https://www.websitemagazine.com/)

999 E Touhy Ave,

Des Plaines, IL 60018

 

[info@websitemagazine.com](mailto:info@websitemagazine.com)

[(888) 7WEBMAG](tel:18887932624)

[(312) 313-6576](tel:13123136576)

About

- [Advertise](https://www.websitemagazine.com/about/advertise)
- [Editorial](https://www.websitemagazine.com/about/editorial-publishing-staff)
- [Contact Us](https://www.websitemagazine.com/contact)

Resources

Membership

- Login
- Subscribe

Signup for our newsletter

<https://www.linkedin.com/company/website-magazine/> <https://twitter.com/websitemagazine> <https://www.facebook.com/WebsiteMagazine> <https://www.instagram.com/websitemagazine/> <https://www.pinterest.com/websitemagazine/>

 © 2026 Website Magazine. All Rights Reserved

- [Privacy Policy](https://www.websitemagazine.com/about/privacy)

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Pete Prestipino",
    "url" : "https://www.websitemagazine.com/marketing/author/pete-prestipino"
  },
  "dateModified" : "2023-05-01T21:29:32.720Z",
  "datePublished" : "2008-12-16T06:00:00.000Z",
  "headline" : "Flip! It - A jQuery Plugin",
  "image" : [ "https://www.websitemagazine.com/hubfs/Imported_Blog_Media/flipping-mini-Jan-23-2023-12-07-57-0051-AM-1-1-1.gif" ],
  "mainEntityOfPage" : {
    "@id" : "https://www.websitemagazine.com/marketing/flip-it-a-jquery-plugin",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://www.websitemagazine.com/hubfs/gradient-regular@3x-1.png"
    },
    "name" : "Website Services, Inc."
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "NewsArticle",
  "author" : [ {
    "@type" : "Person",
    "name" : "Pete Prestipino"
  } ],
  "headline" : "Flip! It - A jQuery Plugin",
  "publisher" : {
    "name" : "Website Magazine",
    "url" : "https://www.websitemagazine.com/"
  }
}
```