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
https://forums.phpfreaks.com/topic/169894-auto-fade-in-fade-out-using-mootools/
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. 

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.