Yui: различия между версиями

'''Постепенное исчезновение обьекта:'''

<source lang="javascript">

<style type="text/css">

#demo {

<script type="text/javascript" src="yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>

<script type="text/javascript" src="yui/build/animation/animation.js"></script>

 

<div id="demo">Demo</div>

<button id="demo-run">run</button>

})();

</script>

</source>

'''Изменение цвета обьекта:'''

<source lang="javascript">

<style type="text/css">

#demo {

<script type="text/javascript" src="yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>

<script type="text/javascript" src="yui/build/animation/animation.js"></script>

 

<div id="demo">Demo</div>

<button id="demo-run">run</button>

})();

</script>

</source>

 

'''Движение обьекта по траектории:'''

<source lang="javascript">

<style type="text/css">

#demo {

<script type="text/javascript" src="yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>

<script type="text/javascript" src="yui/build/animation/animation.js"></script>

 

<div id="demo"></div>

<button id="demo-run">run</button>

})();

</script>

</source>

'''Скроллирование текста:'''

<source lang="javascript">

<style type="text/css">

#demo {

<script type="text/javascript" src="yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>

<script type="text/javascript" src="yui/build/animation/animation.js"></script>

 

<style>

#demo {

})();

</script>

</source>