19 Visual Effects That Entertain And Amuse

Want to turn your first time readers into long term visitors? Sometimes, it isn’t about the golden content you provide or the glorious insight you offer – sometimes it’s all about how much fun your readers have on your website.

This post is all about using visual effects on your blog and website effectively, creatively, and wisely.
Let your readers have fun when they check out your site – make things more interesting, more fun, and more aesthetically appealing, and you will have no issue keeping your readers forever.

Utilize these tools and you’re sure to impress anybody that visits your site. Give them something to play with!

1.Drawer Effect
This example demonstrates the Apple downloads slider/accordion effect using the jQuery Accordion plugin.

Sliding Panels
Plugin for easy implementation of sliding panels.

Highlight and Fade
jQuery plugin used to get the fade and highlight effect.

Carousel
jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order.

Simple Modal
A contact form built on SimpleModal.

Star Rating System
This is a jquery plugin for star rating systems.

Switch Stylesheets
The stylesheet switcher allows your visitors to choose which stylesheet they would like to view your site with.
Accordion Menu
Creating an Accordion menu.

Humanized Messages
A large and translucent message that’s displayed over the contents of your screen.

AJAX IM
AJAX IM is a browser-based instant messaging client.

Drag-and-Drop Content
Make any element on your website drag-and-droppable.

Instant Picture Effects
Allows you to add an instant picture effect (including tilt) to images on your webpages.

Fancy Form
FancyForm is a powerful checkbox replacement script used to provide the ultimate flexibility in changing the appearance and function of HTML form elements.

Image Flow
Sleek ‘Cover-Flow’ like effect for your images.

Nice Title
Create a floating title that is placable on any element on your website.

AJAX Poll
Create a fancy AJAX Poll for your website to help interact with your readers.

Curvy Corners
Create some very smooth rounded corners.

Checkbox
A replacement for the standard checkbox that allows you to change the look of checkbox elements in your page.

Easing
Some fancy “easing” effects for elements on your website.

Got more you want to add? Just drop a comment and share your opinions and feedback!

For more web design tutorials check out the new tutorial site, The Tutorialist.

Comments

  1. Thanks for this great collection….

  2. This is a great list of effects! I’ve used JCarousel in the past.

    I would like to add Adobe’s Spry framework for Ajax to this list:
    http://labs.adobe.com/technologies/spry/home.html

    I’ve been experimenting with it lately and have found it to be a great option for a variety of my needs due to its ease of development as well as its variety of pre-built widgets. One of my personal favorites is the Spy Accordion Widget:
    http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#DefaultBehavior

    Like many widgets, creating a collection of elements on your page (divs in this case), giving them the appropriate id’s or classes, and calling your JavaScript function transforms your html into an accordion menu. Not only is it simple to implement, it degrades incredibly well.

  3. Yup, another fine collection. Like to bottom set of on and off buttons, very stylish.

    One of my fav’s but I know its quite popular is the Java LightBox script for displaying images in a semi transparent overlay over the entire screen, that sort of grows outward.

    Have added this to my site, for some of my photograph categories. I really like it, its not immediately obvious either until your click the image, nice and subtle.

    Also the various JQuery tabbed box menus you can get, too many to mention, but they all serve a useful purpose to tidy up your front end.

    JQuery is one technology that I am really excited about learning, seems to damn cool.

  4. Marco says:

    There we go again, yet another great article!

    Stumbled + feautured on my website! Keep it up writing such useful posts.

  5. Sandy Fox says:

    Cool! I really like the floating title and checkbox. I am not much a coder though, so I’m sure I’ll have “fun” trying to implement it ;-)

  6. Sandy Fox says:

    Hey, i was just showing this page to a colleague from work and he didn’t know where the term “Klaatu Brada Nikto” came from (no, not army of darkness). Am I the only “old-timer who remember the movie?

  7. Paul Hempsall says:

    Klaatu, Barada and Nikto were also creatures on Jabba’s sail barge in Return of the Jedi – a subtle nod from George Lucas to a great sci-fi film.

    I know… I ooze geek!

Trackbacks

  1. [...] à votre site Internet avec Ajax 11 Avril 2008 Posted by simonhazout in 1. trackback Le site Elite by Design vient de publier une sélection d’effets visuels en JavaScript pour habiller et donner un peu [...]

  2. [...] 19 Visual Effects That Entertain And Amuse by Brian [...]

  3. [...] In: JQuery plugins 10 Aug 2009 Go to Source [...]

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

User Link Feed

Submit A Link





Captcha
To prevent spam, please type the text (all uppercase) from this image in the textbox below.

silverware
grain
responsibilities
proofing
keller
duration
sins
casper
databases
witches
marcos
exeter
anton
tones
neopets
bedtime
rascal
publishing
growing
tupperware
palsy
welcome
malta
metropolis
din
eliminate
catamaran
chan
sweat
promenade
titles
juicer
conducting
tent
deisel
tournament
gentleman
hhr
housekeeping
mart
loser
washer
families
mallard
cameo
sliding
whitley
puyallup
custard
glen
f250
christy
westinghouse
swimsuits
mp3s
aerobic
component
elephant
makeup
moda
assay
gerber
segmentation
terrence
northridge
stupid
norwalk
mechanicsburg
hourly
bib
elliot
chan
along
koi
ex
newest
weaknesses
motorhomes
sidewalk
ankle
hongkong
synergy
administration
chiefs
halen
filter
japan
electrolux
zephyr
chapman
shenandoah
sealed
iris
jonny
awards
cleanse
invasive
stanislaus
pocatello
fingerprinting
jess
naturals
walgreens
lulu
finances
mitch
grover
disaster
lots
cooper
peoria
vanessa
essential
duffy
surgeons
torah
sheppard
salts
kennel
wiccan
peoplesoft
amanda
treehouse
juniors
alli
swot
monetary
taboo
fame
carbohydrates
charter
npr
die
merck
coupe
spicy
pfaff
headaches
spy
spanish
freehold
sailors
bones
jobs
sociology
puma
heavenly
caviar
capitalization
aps
ku
guards
descriptions
deville
winnie
coopers
funding
keen
geothermal
supply
janeiro
cherub
openers
rebel
segal
shar
tours
prophet
crain
softwares
salt
sia
squadron
milestone
masala
bay
cameo
jena
ll
conn
wineries
as400
instrument
pacific
larvae
scope
magnifier
bynum
franks
troubleshooting
rheumatoid
pagoda
coles
rucker
corning
emi
starters
livingston
hauling
boeing
pvp
pierce
turk
hatching
assn
pitcher
chamber
jacque
nodule
directx
barron
initiation
conclusion
eyewear
informal
forester
pencil
bremen
sorter
assignments
penguin
incubation
conley
duncan
farm
jeffrey
greenleaf
nova
telescopes
badminton
employed
anna
adn
preacher
designing
channel
temperatures
secondhand
freight
prednisone
colin
acquisition
mary
signatures
atypical
bookcase
reciepes
josie
liters
artwork
html
bahia
middletown
inverters
enigma
ally
chow
export
silica
clinique
pagan
rudder
incomplete
painters
jo
immortal
thomson
oates
holds
touchscreen
javier
commentary
altavista
drywall
allison
shepards
blackwood
tornado
loco
ariens
baths
woodlawn
piccadilly
housewares
ust
measles
proprietary
sla
edward
randal
nchen
impaired
balm
sanford
alex
uhaul
fresh