Sunday, January 6, 2013

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: