Tuesday, April 24, 2007

prototype.js and effects.js use in html for interface

<html>


<script type="text/javascript" src="prototype.js"></script>

<script type="text/javascript" src="effects.js"></script>

<head>

<title>kaal made for you</title>


</head>

<body onLoad="javascript:new Effect.Fade('search');">


<p id="deleted-text">Here is some important text, it will be highlighted

when the page loads.</p>


<script type="text/javascript">

new Effect.Fade("deleted-text", {duration:4.0});

</script>


<form id="search" action='' method='post'>

<input type='text' size=20>

<input type='Submit' value='search' name='search'>

</form>

<BR>


<a href='#'

onClick="javascript:new Effect.Fade('search');">Hide</a>

&nbsp;|&nbsp;

<a href='#'

onClick="javascript:new Effect.Appear('search');">Search</a>


</body>

</html>

No comments: