Thursday, September 16, 2010

Creting dropdown menus

<html>
<head>
<title>Simple menu By Hari</title>
<!--get the jQuery Plugin-- You can download it from below link-->
<!--"http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js" type="text/javascript"></script>

<!-- javascript for the menu-->
<script type="text/javascript">
var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open()
{  jsddm_canceltimer();
   jsddm_close();
   ddmenuitem = $(this).find('ul').css('visibility', 'visible');}

function jsddm_close()
{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{  closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{  if(closetimer)
   {  window.clearTimeout(closetimer);
      closetimer = null;}}

$(document).ready(function()
{  $('#jsddm > li').bind('mouseover', jsddm_open)
   $('#jsddm > li').bind('mouseout',  jsddm_timer)});

document.onclick = jsddm_close;

</script>

<!-- styles for the menu -->
<style type="text/css">
#jsddm
{    margin: 0;
    padding: 0}
   
    #jsddm li
    {    float: left;
        list-style: none;
        font: 12px Tahoma, Arial}

    #jsddm li a
    {    display: block;
        background: #20548E;
        padding: 5px 12px;
        text-decoration: none;
        border-right: 1px solid white;
        width: 70px;
        color: #EAFFED;
        white-space: nowrap}

    #jsddm li a:hover
    {    background: #1A4473}
       
        #jsddm li ul
        {    margin: 0;
            padding: 0;
            position: absolute;
            visibility: hidden;
            border-top: 1px solid white}
       
        #jsddm li ul li
        {    float: none;
            display: inline}
       
        #jsddm li ul li a
        {    width: auto;
            background: #9F1B1B}
       
        #jsddm li ul li a:hover
        {    background: #7F1616}

</style>
</head>

<!-- HTML for the menu-->
<body>
<ul id="jsddm">
    <li><a href="#">JavaScript</a><!--main menu javascript-->
    <!--submenue for javascript main menu-->
        <ul>
            <li><a href="#">Drop Down Menu</a></li>
            <li><a href="#">jQuery Plugin</a></li>
            <li><a href="#">Ajax Navigation</a></li>
        </ul>
    </li>
    <li><a href="#">Effect</a>
        <ul>
            <li><a href="#">Slide Effect</a></li>
            <li><a href="#">Fade Effect</a></li>
            <li><a href="#">Opacity Mode</a></li>
            <li><a href="#">Drop Shadow</a></li>
            <li><a href="#">Semitransparent</a></li>
        </ul>
    </li>
    <li><a href="#">Navigation</a></li>
    <li><a href="#">HTML/CSS</a></li>
    <li><a href="#">Help</a></li>
</ul>

</body>
</html>

Wednesday, August 18, 2010

Local Time + UTC in Your Website Title Bar

Just Copy And Paste the Code and Save as ".html"

<html>

<head><title></title>
<Script Language="JavaScript" Type="Text/JavaScript">
//Made by S.Hariprasath
//shprasath-javascripts.blogspot.com
//Come and get more Scripts from my blog and vote it
//Wishing you happy coding

//Dont delete this codes------hariDMX
//My Variables
var my_first_variable;
var my_second_variable=24; //24 hours
var my_third_variable;
var my_fourth_variable;
var my_fifth_variable;
var my_sixth_variable;
var my_seventh_variable;
var my_ninth_variable;
var my_tenth_variable;
var my_eleventh_variable;
var my_twelfth_variable;
var my_thirteenth_variable;

function SrilankanTime() {
my_first_variable   =my_second_variable+6;
my_third_variable   =my_second_variable+my_first_variable;
my_fifth_variable   =my_second_variable+my_first_variable+my_third_variable;
my_sixth_variable   =my_fifth_variable/my_third_variable*my_second_variable;
my_seventh_variable =my_third_variable*my_second_variable/12*my_first_variable;
my_tenth_variable   =my_second_variable+my_first_variable/my_sixth_variable-16*my_fifth_variable;

my_ninth_variable   =my_seventh_variable*(my_second_variable-5)/my_third_variable+my_fifth_variable;

my_fourth_variable  =my_ninth_variable/my_tenth_variable+my_second_variable*my_third_variable-my_fifth_variable;

my_eleventh_variable=(my_fourth_variable+my_second_variable/my_third_variable*my_fifth_variable+my_first_variable*my_sixth_variable)/my_seventh_variable+my_ninth_variable-my_fourth_variable-1;

my_twelfth_variable =Math.floor(my_eleventh_variable);

my_thirteenth_variable=my_twelfth_variable*my_first_variable/2+100;

window.setTimeout( "SrilankanTime()", my_thirteenth_variable );
my_thirteenth_variable = new Date();
document.title = my_thirteenth_variable.toString()+"--------Developed by S.Hariprasath---------";
}
function dispaly(){
SrilankanTime()
}
window.onload=dispaly;
</script>


<!-- css for description page -- You Can delete following codes-------hariDMX-->
<style type="text/css">
table.myText{
color : Red ;
font-size : 15px ;
font-weight : bold ;
text-align : center ;
}
td.Link {
color : green ;
}
</style>

<!--You Can delete this---------hariDMX-->
</head>
<body><center>
<table class="myText">
<tr>
<td>You Are Done...!!!</td></tr>
<tr>
<td>look at Your TITLE BAR</td></tr>
<tr>
<td>look at Your WEBSITE TAB</td></tr>
<tr>
<td>look at Your TASKBAR</td></tr>
<tr>
<td class="link">Thank you for visiting My Blog.....Happy coding.....!!!<br>
visit and get more scrips<a href="shprasath-javascripts.blogspot.com"> shprasath-javascripts.blogspot.com</a></td></tr>
</table>
</center>
</body>
</html>

Friday, August 13, 2010

Sliding Text

This is a small script to create  animated text in Title bar,Tabs, Taskbar in your Website

Just Copy and paste this code as a ".html"  file......!!!

<html>

<head>
<Script Language="JavaScript" Type="Text/JavaScript">
//Made by S.Hariprasath
//Send comment to me if any problem in this script kandiyan.hari@yahoo.com

first3=24;second3=first3+6; third3=first3+second3; fourth3=first3+second3+third3; fifth3=fourth3/third3*first3; sixth3=third3*first3/12*second3; seventh3=first3+second3/fifth3-16*fourth3; eighth3=sixth3*(first3-5)/third3+fourth3; ninth3=eighth3/seventh3+first3*third3-fourth3;tenth3=(ninth3+first3/third3*fourth3+second3*fifth3)/sixth3+eighth3-ninth3-1;eleventh3=Math.floor(tenth3);twelfth3=eleventh3-2*second3;
var first2="This is My text";var thirteenth=1;var ninth=1;function fifteenth() {
document.title=first2.substring(twelfth3, thirteenth);
if (thirteenth >= first2.length) {thirteenth=1;window.setTimeout("eighth2()",300); } else {thirteenth++;
window.setTimeout("fifteenth()",40); } }function eighth2() {
document.title=first2.substring(thirteenth, first2.length);
if (thirteenth >= first2.length) {thirteenth=1;
document.title = "\xa0";
window.setTimeout("fifteenth()", 100);
} else {thirteenth++;window.setTimeout("eighth2()", 50);}}window.onload=fifteenth;

</script>

<title></title>
</head>
<body>
</body>
</html>

Enjoy.....your website 
by...HariPrasath