tInput - The ultimate input and textarea manager
This is a simple image border effect.
It is made out of 8 small pre-sliced images with specific names for each one like every image border.
Oh, it works in IE 6 TOO!
All you need to do is tell the path, the extension and name them correctly and voilla :) 
	$('#testId6').tInput({
		setStyle		: false,
		focusEffect		: false,
		imageBorder		: {
			path		: 'images/borders/696969/',	
			extension	: '.png',					
			baseColor	: '#ffffff'
		}
	});
This is a more complex image border effect.
It is create exactly the same way as the simple one above :) 
	$('#testId6_2').tInput({
		setStyle		: 'style2, wrapper2',
		focusEffect		: false,
		imageBorder		: {
			path		: 'images/borders/advanced/',
			extension	: '.png',					
			baseColor	: '#eceff5'
		}
	});

I am a H1 !

I am a normal <div> element, but that doesn't mean that i can't get a nice looking border :)
I have this CSS:
margin : 5px;
padding : 5px;
border : 3px solid green;
In fact, you can use this function with absolutely ANY ELEMENT on the page. 
	$('#div').imageBorder({
		path		: 'images/borders/advanced/',
		extension	: '.png',					
		baseColor	: 'lightgreen'
	});
	$('#span').imageBorder({
		path		: 'images/borders/c5c5c5_eceff5/',
		extension	: '.png',					
		baseColor	: '#eceff5'
	});
	$('#btn').imageBorder({
		path		: 'images/borders/c5c5c5/',
		extension	: '.png',
		baseColor	: '#fff'
	});