This is a little piece of code that I have used on a number of occasions to lift or drop an element on hover and then return it on when the mouse is moved off. It is good for navigation purposes but can be used on any link inside a block.
Its very simple. jquery catches the hover and moves the parent element up. When the mouse is moved outside the link the parent element returns to its original position.
I needed to come up with a bit of code for when a client wanted their contact form to pre-select a value in a select box depending on which page they came from. This simple little bit of javascript is what I came up with in the end.
A mate at work has come up with a very cool jQuery Scroller, its a very versatile plugin, so check it out below.
Here’s my first JQuery plugin!!! Its a simple little scroller for use with image galleries or anything else that you want to list and prefer not to paginate. The plugin is fully css-able and has been tested in Safari, FF 2 & 3, and IE 6, 7 & 8.
The scroller originally came about when doing galleries for website that required a scroller and I kept using the same code over and over and slowing fixing/upgrading it. After a while it was decided that it was too much of a hassle to keep finding the latest website that used it and copying all the code across to the new one and adapting it to fit into the new site so I made a plugin out of it to streamline the process and make everything easier, quicker, and more reliable.
Check it out here
A very cool webapp that creates a jQuery plugin code layout from some basic plugin information, such as namespace & defaults.
http://starter.pixelgraphics.us/
Check out my Easy Fading Using jQuery over at Dev-Tips.com.
JQuery can be a great tool to improve your portfolio, whether it’s for eye candy, usability or functionalities. In the following collection you will find some great jQuery scripts and tutorials that’s help you to get a better portfolio…
If you use Skype I am sure that you noticed that animated button for adding more people to a chat. When you click on it the icon on the left “jumps” for a few times. I love that animation. And that’s why I’m going to show you how to create the same button using jQuery and some simple CSS.
Stumbled across this clever jQuery plugin that creates inline charts directly in the browser using data supplied either inline in the HTML or via JavaScript.
Whilst working on a project recently I came across a need for us to show a selection of images depending on their type and when a link to them is clicked.
I decided to use jQuery as it saves a lot of time as most of the work is done for you.
I will step through the code so you can see how I did it.
Learning iOS Game Programming
by Michael Daley
