Following is the simple solution to make a div’s background color change on mouse over and then change back to the original color on mouse out. I have made available all the php, css and js code for you to first create the listing and then changing the div background color on mouse hover. Before…
Sometime back I put together a Text Testimonials Slider with Navigation using jQuery and Cycle Plugin. I got several requests of how to put several testimonials boxes on single web page. I have updated the original code and have provided different testimonials boxes with different effects. I have also added navigation styles to make the…
jScrollPane is a cross-browser jQuery plugin which converts a browser’s default scrollbars into an HTML structure which can be easily skinned with CSS. The scrollbars look really sleek. The only issue was that JScrollPane did not work with the content displayed on iPad/iPhone. After some search and hackery, I found some posts and finally could…
The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. jQuery-Cycle plugin can be used to create a simple text slider to show testimonials on web page. There are many options that you can use to control how and when your slide transitions occur. You can also add the…
If you want a select drop down option to show/hide specific div contents, here’s a simple solution using jQuery. $(document).ready(function(){ $(“#select_id”).change(function(){ var test = $(this).val(); if(test==\’option value to show\’) { $(“#container”).show(“slow”); }else { $(“#container”).hide(“slow”); } }); HTML code will look something like this. Hey! here are your hidden contents. Cheers!
This is one of the minor CSS problems that we face on every other web project. Checkboxes and radio button labels are not aligned. This can easily be avoided by setting vertical-align of checkbox or radio button. Just define a class and add it to the checkboxes/radio buttons. This will correctly align them with the…
If you want a radio button selection to show certain Div contents and hide some other Div on the web page, and on another radio button selection, you need a different Div associated with that radio button hiding the unwanted one, read on. This can be achieved very efficiently using jQuery. We can put the…