Website

How To Work Out Distance Between Mouse And Element in jQuery

Spread the love

Spread the love           In the tutorial today you will learn how you can use jQuery to get the distance of the mouse from a certain element on the page. This bit of code can be useful on a small web app which has a lot of user interaction and you want an event to run […]

How To Work Out Distance Between Mouse And Element in jQuery Read More »

How to Translate your Site in Runtime using jQuery

Spread the love

Spread the love           I have read several articles for this question, and most articles tell about ways where we need refresh page to apply another localization. Yes, this is possible of course, but not too user friendly. Just imagine that your website will able to switch language like desctop applications, great, isn`t it? So, that

How to Translate your Site in Runtime using jQuery Read More »

jQuery Scrollbars

Spread the love

Spread the love           These scrollbars are fully theme able allowing their behavior to be determined as well as their look. This script uses the ‘jquery.corner’ plugin for the lovely cross-browser rounded corners and ‘jquery.drag’ for more reliable drag event registering. Tags: Scrollbar Demo: http://www.aplweb.co.uk/blog/js/scrollbars-v2/ Download Links http://www.aplweb.co.uk/blog/js/scrollbars-v2/

jQuery Scrollbars Read More »

jQuery sliding boxes and captions to create callouts

Spread the love

Spread the love           The concept behind the sliding boxes and captions is pretty easy. Check out the demo below to see what’s going on. There is a div with a border and shadow which contains an image. On top of the image there is a div (the caption) which has a background color, a border,

jQuery sliding boxes and captions to create callouts Read More »

Create Simple Jquery Right Click Cross browser Vertical Menu

Spread the love

Spread the love           Creating right click with the help of jquery is real easy and can be implemented very quickly. While trying for my one of the project , I made one and sharing it today. Demo: http://www.webdeveloperjuice.com/demos/jquery/vertical_menu.html Download Links http://www.webdeveloperjuice.com/2010/02/22/create-simple-jquery-right-click-cross-browser-vertical-menu/

Create Simple Jquery Right Click Cross browser Vertical Menu Read More »

Float sidebar Div elements when scrolling with jQuery

Spread the love

Spread the love           This tutorial will teach you to create sidebar elements that can be floated/fixed on their position when the page is scrolled. Also those elements follow the certain boundaries which makes the scrolling to stop on reaching the bottom of the page. Tags: Fixed Header Demo: http://devlup.com/jquery/float-sidebar-div-elements-when-scrolling/4720/ Download Links http://devlup.com/jquery/float-sidebar-div-elements-when-scrolling/4720/

Float sidebar Div elements when scrolling with jQuery Read More »

Sort Items Alphabetically Using jQuery

Spread the love

Spread the love           Using jQuery we can easily sort a list of html elements alphabetically. In the following tutorial I will give 2 examples – sorting an unordered list and sorting a table.Using jQuery we then append each item row to the unordered list to rebuild in the correct order. Tags: Sorting Demo: http://www.designchemical.com/lab/jquery/demo/jquery_sort_alphabetically.htm Download

Sort Items Alphabetically Using jQuery Read More »

Horizontal content scroll with jQuery

Spread the love

Spread the love           In this tutorial we will create a simple smooth horizontal content scrolling effect with just a few lines of jQuery without using any plugin. We will use HTML and CSS for the layout and jQuery for the scrolling. Demo: http://gazpo.com/downloads/tutorials/jquery/horizontal_scroll/ Download Links http://gazpo.com/2012/03/horizontal-content-scroll/

Horizontal content scroll with jQuery Read More »

Scroll to Top