JavaScript

Drag and drop was created using javascript. In this project, I used different types of event like dragstart, dragend, etc. Hope you can use it on your projects. This features dragging and dropping image into another div. Once image is dragged into the other div, border color and background will change. Hope you learn from this project.

A very simple image animation yet a very interesting one. This animation is what we mostly see in web designs and can also be used in making image gallery. The code is very simple and easy to understand. I change the opacity of the image into .5 and when the user hover on it, image opacity change into 100%. Hope you learn from this simple project.

This project teaches you how to create analog clock using Javascript. The code is more on mathematical analysis; from the clock's face to it's function. Hope you will learn something from this simple-looking yet difficult project.

This is a simple project of audio player with equalizer. In this project, you will learn how to create a controller which include play and pause button, volume control, time duration and a slider. I also placed an equalizer to add life to the music player. Have fun learning while listening to my music!

You may be familiar with "Memory Game". Here, you will learn how to create a fun game that challenges your visual ability to remember numbers. The puzzle is composed of 24 checkered tiles with hidden numbers (12 pairs). When you click two consecutive tiles with the same corresponding number, it steadily appears; if not, the tiles flip to back. And when the puzzle is solved, the game automatically

A simple stopwatch/timer using JavaScript. It has a capability to pause and resume timer. It has also a reset button so that user can automatically set the timer back to zero. Hope you can learn from this.

Auto Scroll Animation using JavaScript. In this project, I also used PHP to lessen the codes and MySQL so that I can grab all the contents of the topics that I placed in the page. One feature of the project is that, once you click a topic, it automatically slides down to its content. And by clicking Go Back To Top, it will automatically slide to top. Hope you learn from this.

This is a simple image slider using JavaScript and jQuery. This slider automatically slides and takes you to the next image. And while the slideshow plays, you can also click the previous and next button. To pause the slideshow, hover the mouse pointer over the image. Hope this helps.

Show hide div code in jquery If u checked in red box, then red box div will show. If you checked all check boxes then all div will shows, blue, red and green.

This an updated version of an Automated answer and exercise for students who are math enthusiasts. It will help you in your revision and preparation for your exams. Have fun