Jump to content

Auto Fade in Fade out using mootools


deepson2

Recommended Posts

Hello,

 

I have goggled a lot. but couldn't able to find out for the auto fade in fade out effect using mootools.

 

I have found this link but its showing the fading effect on click.

http://www.sweetvision.com/2008/03/17/using-mootools-to-fade-between-two-images/

 

Actually i want to give this effect to show my latest feeds.

 

Can anyone have worked on this kind of effect. or can anyone show me related link to this topic?

 

Thanks in advance.

Link to comment
Share on other sites

I have tried the following effect. this is somthing i want but with text/feed

 

here is the code

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>mootools demos - Periodical</title>



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


<script type="text/javascript">
	window.addEvent('domready', function(){
		var effect = $('box').effect('background-color', {duration: 800});
		var periodical;

		var fx = function() {
			effect.start('#6684a0').chain(function() {
				effect.start('#bcd965');
			});
		}

		$('start').addEvent('click', function() {
			fx();
			periodical = fx.periodical(1700);
		});

		$('stop').addEvent('click', function() {
			$clear(periodical);
		});
	});
</script>
<style>


#box {
margin: 1em auto;
width: 200px;
height: 150px;
background: #bcd965;
border: 1px solid #000;
}


</style>
</head>

<body>

<div id="demo">
			<h3>Periodical Effects</h3>
<a id="start" href="#">start</a> | <a id="stop" href="#">stop</a>

<div id="box"></div>			</div>


	</div>
	<span class="clr"></span>
</div>
</div>
</body>
</html>

 

Here colors are changinig so can anyone tell me how can i show the following text values one by one

 

meera

john

vivek

 

So i want meera will come first then john and then vivek so cycle ll be continues.

 

actually i want to do somthing like this. can anyone have done this before on start button show all the feed

 

http://twitspy.com/

 

please help me. 

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.