CrazyEngineers Forum - Computer Science & IT Engineering

How to give special effects to your website

Posted: 15 Nov 2010 12:43 AM PST

Before i begin to write, just have a look at below mentioned link

http://goyal420.my3gb.com/text.htm

seems cool right???
These are few effects which i have created to give you a demo, you can create more, all it depends upon your creativity and passion for learning more and more....

Today if you visit a website, these special effects like hide text, show text, slider, fade in ,fade our are very common, so let us learn how to give these special effects to our website

These effects which you are seeing in above link, you can also create by using Jquery .JQuery is a nothing but a JavaScript Library. You can download it from here
http://docs.jquery.com/Downloading_j...ownload_jQuery

Using this library you can give many special effects to your website like fade in, hide text, show text, slider and many more.I will give you example of one, rest you can create on your own

Let us start :)
I hope till now you have already downloaded the Jquery library and save it in a folder where your webpage will lie.

Look at the below mentioned code first

Code:

   
   
 <html>
 <head>
 <script type="text/JavaScript" sec="http://goyal420.my3gb.com/jQuery.js"></script>
 <script type="text/JavaScript">
 $(document).ready(function(){
   $(".hide").click(function(){
     $(".manish").hide("slow");
   });
   $(".show").click(function(){
     $(".manish").show("slow");
   });
   
 }) ;
 </script>
   <style type="text/css"> 
   div.manish
   {
   width:300px;
   background-color:yellow;
   padding:7px;
   border:solid 1px #c3c3c3;
   }
   </style>
   </head>
   <body>
   <button class="hide" style="background-color:gray;">Hide me</button>&nbsp;&nbsp;<button style="background-color:gray;" class="show">Show me</button>
   <br/><br/>
   <div class="manish">
   <p><span style="font-family:arial;font-size:14px;">My name is Manish Kumar Goyal<br /> 
   I am a computer Engineer</font><br /></p>
   </div>
   </body>
   </html>

Every thing seems to be familiar who knows about html.If you don’t know then learn html first from here
www.w3schools.com

I will talk about Jquery script which I have written in code

The Basic syntax used in Jquery is $(selector).action()

A dollar sign to define jQuery

A (selector) to "query (or find)" HTML elements

A jQuery action() to be performed on the element(s)

$(document).ready(function(){//This line is used to prevent execution of script until page don’t load
$(".hide").click(function(){//this is used to execute script after you click button with class hide
$(".manish").hide("slow");
});
$(".manish").hide() - hides all elements with class="manish”
Similarly you can do this for show text
$(".show").click(function(){
$(".manish").show("slow");
});

This is all about jquery ,it is one of basic and simplest explanation of jquery ,if anyone still don’t understand feel free to ask

Fix: Macbook Shutdown Problem

Posted: 14 Nov 2010 01:54 AM PST

If your Macbook is showing no sign of shut down, and just shows a spinning wheel against blue screen, here's a quick way to fix it-

Turn on the power supply (important step)
1. Press Fn + C
2. Press and hold the turn on button for at least 5 seconds.

Your Macbook will hard reset.

Crazy Engineers .CoM

Monday, November 15, 2010

CrazyEngineers Forum - Computer Science & IT Engineering

CrazyEngineers Forum - Computer Science & IT Engineering

No comments:

Post a Comment