I’ve started playing around with Jquery while working on a personal project, and it’s actually very easy. I’ve stumbled upon some nice stuff that I have decided to share with everyone.
I will do this in several part, one post per coding “trick”.
If you are learning Jquery, you can use those examples to see what can be done and get you started.
All the examples should work if you just copy/paste them in a html page, if additional extensions are required, download them and put them in the same directory as your html page.
Make stuff appear and dissapear !
This is a little script that will let you make part of your html page visible – when your mouse goes over certain areas (this event is called “hover”) – and hidden – when your mouse leave that area
Notice that I have assigned an id to each image to distinguish them from each other, this id also appears in the id attribute of the <p> that I want to associate with the image, and I use it to make the chosen text visible.
The attributes that I change (visibility and position) are CSS parameters, you can customize this script to change the image color, text size, font and much more…
Go ahead and have some fun !
Have any tricks you want to share with us ? Mail me or post a comment !
This is part 2 of my “Cool Jquery stuff for beginners” series.