Powerpoint-ish jQuery Script


Object here is to introduce to the visitor the services of SD Floor Center provides titled as Discount Carpet, Flooring, Tile and Wood – San Diego Floor Center; Slow down visitors and give them something to remember. A powerpoint-ish effect can accomplish this, but should never be overdone.

jQuery is being used to create this effect by dropping in 1 bullet item every 1.5 seconds. The reason not to use a library here is there is not that much material and without more material or material that disappears so that it transforms or moves into new material — it will start to look like a blink.

jQuery is also being used to make the object transparent “when loading,” not waiting for document to be fully loaded.  Since that can be done in many ways, the result is if the browser does not support javascript / jquery then the objects never become transparent.

To be demonstrated at San Diego Floor Center

<div id=”header”>
<script type=”text/javascript” src=”jquery.js”></script>

<div id=”logo” style=”    padding:25px; float:left; width:370px;”>
<img src=”logo.png”/>
<img src=”phone.png” width=”180″ style=”padding:0px; padding-right:25px; float:right;” >
</div>

<div style=”padding-top:30px”>

<div id=”fade1″> <img src=”check.png”/> Full Home Services</div>
<div id=”fade2″> <img src=”check.png”/> Free Consultation and showroom by appointment</div>
<div id=”fade3″> <img src=”check.png”/> 20 Years Experiance</div>
<div id=”fade4″> <img src=”check.png”/> Discount pricing using SD Floor Center as your purchasing agent</div>

<script>
$(‘#fade1’).fadeTo(1,0).fadeTo(1500,0).fadeTo(1000,1);
$(‘#fade2’).fadeTo(1,0).fadeTo(3000,0).fadeTo(1000,1);
$(‘#fade3’).fadeTo(1,0).fadeTo(4500,0).fadeTo(1000,1);
$(‘#fade4’).fadeTo(1,0).fadeTo(6000,0).fadeTo(1000,1);
</script>

</div>

</div>

It is not live yet, will be soon. My preference is to roll out a site so that SEO elements can be added page by page – There is no “grand opening” effect of putting up a complete site unless it also have PPC and a major link development effort that takes place. In fact it is almost the opposite. Onsite optimization is best done when content is created.

Advertisements

One response

  1. Fantastic blog! I actually love how it is easy on my eyes as well as the information are well written. I am wondering how I can be notified whenever a new post has been made. I have subscribed to your rss feed which should do the trick! Have a nice day!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: