There are many-many effective slideshow functions are available on net, but I have also seen that many websites have simple image fade-in, fade-out effect for Header Banner Area, Here I will demonstrate to create a common function to apply this effect using jQuery with fadeIn(), fadeOut() functions.
It will take 3 steps to do it.
Step 1: Create HTML
<ul class="flds">
<ul class="myBanner">
<li><img alt="" src="http://www.google.com/logos/2012/republicday12-hp.jpg"...
23 March 2012
20 March 2012
Tuesday, March 20, 2012
saAction
Watermark effect is very easy using jQuery
Here is a quick sample:
Step 1: Create CSS:
<style type="text/css">
.flds{list-style:none;padding:0;margin:0}
.flds li{padding-bottom:10px;}
.flds input,.flds textarea{border:solid 1px #3d3d3d;color:#}
.waterMark{color:#c5c5c5;}
</style>
Step 2: HTML Form:
<ul class="flds">
<li>
<span>Name</span>
<input id="v1" type="text" />
</li>
<li>...
Subscribe to:
Posts
(
Atom
)
