Web Toolbar by Wibiya Tec N Tricks: Jquery Flip Clock

Friday, 2 March 2012

Jquery Flip Clock

Update : Just Worked On It And Now Its Running Fine :)

Today I got time to make clock for blog but it didn't worked like i hoped, its bit slow :P

But Its Running Perfectly On My Site ,So May Be You Can Find It Helpful


Here Is Code To Integrate the Neway4U Flip Clock On Websites And Blog




Its A very Easy Installation.

Just You Need To Follow These Steps  :

1) Copy This Code
in Head Tag

<script type="text/javascript" src="http://neway4u.tk/js/jquery.js"></script>
<script type="text/javascript" src="
http://neway4u.tk/js/jqueryui.js"></script>
<script type="text/javascript" src="
http://neway4u.tk/js/neway4u_flip.js"></script>
<style type="text/css">
.neway4utime{
color: white;
font-size:80px;
text-align:center;
background-image:url('Transparent.png');
position: relative;
}

</style>

2) Now Copy This Code In Body Tag Where Ever You Want The Clock


<h2>
<span class="neway4utime" id="hour" style="position: fixed;"></span><br><br>
<span class="neway4utime" id="min" style="position: fixed;"></span><br><br>
<span class="neway4utime" id="sec" style="position: fixed;"></span>
</h2>

Its Done Now It Should Appear On Your Page.


Here Is A Demo : Neway4U - Flip Clock


And You Are Allowed To Copy The Original Script :)

Hope It Will Be Helpful :)

No comments:

Post a Comment