Simple Toggle with CSS & jQuery
Create a simple accordian style toggle effect using CSS & jQuery.
Accordian style toggle using jQuery
- Share this on del.icio.us
- Digg this!
- Share this on Reddit
- Buzz up!
- Stumble upon something good? Share it on StumbleUpon
- Share this on Technorati
- Share this on Mixx
- Post this to MySpace
- Share this on Facebook
- Tweet This!
- Mark this on BlogMarks
- Tip this to TechMeme
- Submit this to Netvibes
- Submit this to Script & Style
- Share this on Blinklist
- Post this on Diigo
- Submit this to DesignFloat
- Email this to a friend?
- Suggest this article to ToMuse
- Subscribe to the comments for this post?
- Seed this on Newsvine
- Add this to Google Bookmarks
- Add this to Izeby
- Share this on Tipd
- Post this to Identica
No comments yet.
You must be logged in to post a comment.
Crop image using jQuery
March 9, 2010 - 2:51 am
Tags: Crop Image, Image manipulation, jQuery
Posted in CSS, Javascript, jQuery | No Comments
The crop plugin takes an IMG element and crops them to the dimensions given. The result is a DIV with a background image with the height and width and an offset. The new DIV should also carry across the existing style attributes of the image.
Crops image to dimensions given. If only width (and height), x [...]
Expandable box using CSS
March 8, 2010 - 1:41 am
Tags: Box, CSS, Expandable
Posted in CSS, Javascript | No Comments
In HTML, if you don’t specify a specific width, block-level elements are vertically expandable by their nature. Think of an unordered list. That list will grow be be as big as it needs to be to fit all of it’s list elements. If a user increases the font size in their browser, the list will [...]
Create custom corners using jQuery
March 8, 2010 - 1:18 am
Tags: Custom Corner, jQuery
Posted in CSS, Javascript, jQuery | 3 Comments
Cornerz is a bullet proof curved corners plug-in for jQuery using Canvas/VML. Features inclue
* Anti-aliased curves.
* Fast – no excanvas.
* Support for any size radius and border width with minimal performance increase.
Resource: Sample | Tutorial
Share this on del.icio.us
Digg this!
Share this on Reddit
Buzz up!
Stumble upon something good? Share it on StumbleUpon
Share this on Technorati
Share this on [...]
Add Auto-Complete feature to your inputbox using jQuery
March 6, 2010 - 7:35 am
Tags: Auto Complete, Input box, jQuery
Posted in CSS, jQuery | No Comments
Autocomplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering. By giving an autocompleted field focus or entering something into it, the plugin starts searching for matching entries and displays a list of values to choose from. By entering more characters, the user can filter down the list [...]
Apple.com style search suggestion using jQuery
March 6, 2010 - 7:24 am
Tags: Auto Complete, jQuery, MySQL, PHP, Search Suggestion
Posted in CSS, MySQL, PHP, jQuery | No Comments
Create a fancy apple.com-style search suggestion using jQuery/CSS/PHP. This example makes use of several techniques: MySQL (for the database), HTML/CSS for styling, PHP for retrieving the data and jQuery for the AJAX request.
Resource: Sample | Tutorial
Share this on del.icio.us
Digg this!
Share this on Reddit
Buzz up!
Stumble upon something good? Share it on StumbleUpon
Share this on Technorati
Share [...]
Convert contents of CSV file upload to table using jQuery
March 5, 2010 - 1:45 am
Tags: File Upload, jQuery, Table
Posted in jQuery | No Comments
CSVtoTable plugin loads a CSV file and converts the content of the CSV file into a table on page. You can also generate charts/sortable columns & much more table editable options using this plugin.
Resource: Sample | Tutorial
Share this on del.icio.us
Digg this!
Share this on Reddit
Buzz up!
Stumble upon something good? Share it on StumbleUpon
Share this on Technorati
Share [...]
Fixed table header plugin using jQuery & ASP.net
Fixed Table Header is fixing header row of table without div overflow. It is fix header row of table when scroll down the page. You can use fixedtableheader plugin with ASP.NET DataGrid or GridView.
Resource: Sample | Tutorial
Share this on del.icio.us
Digg this!
Share this on Reddit
Buzz up!
Stumble upon something good? Share it on StumbleUpon
Share this on Technorati
Share [...]
Resizable Text Area using jQuery
Create a resizable text area on your webpage using this plugin. This plugin removes the ugly scrollbar from textarea & pretty handy in creating a neat UI while allowing users to extend the textarea & paste as much content as required.
Resource: Sample | Tutorial
Share this on del.icio.us
Digg this!
Share this on Reddit
Buzz up!
Stumble upon something good? [...]
Creating A Draggable Sitemap using jQuery
Create a simple & easy use draggable sitemap using jQuery for your website. This tutorial can be used to understand the basics of implementing a drag/drop feature using jQuery & also to extend it beyond Sitemap & use it in your web applications.
Resource: Sample | Tutorial
Share this on del.icio.us
Digg this!
Share this on Reddit
Buzz up!
Stumble upon [...]
Zoom like effects for Tabs using jQuery
Display Tabs only when a user mouse-overs the image. There’s three things that are happening in this effect:
1. When you roll over the image, it zooms out slightly to reveal more of the image.
2. The navigation slides in to view from the bottom of the box, and mousing over the link will trigger showing a [...]
Subscribe to RSS Feed