Bonjour à tous!!!
Je suis nouvel inscrit, suite à des recherches pas possible autour de mootools sans aboutir à ce que je désire.
Je travaille sur un système de menu/ panneau glissant, sachant qu'un lien menu survolé le fait glisser du bas vers le haut.
Je ne trouve pas l'erreur , pourriez vous me renseigner?
Merci pour tout.
Le code de ma page :
Modifié par VKB (12 May 2014 - 16:04)
Je suis nouvel inscrit, suite à des recherches pas possible autour de mootools sans aboutir à ce que je désire.
Je travaille sur un système de menu/ panneau glissant, sachant qu'un lien menu survolé le fait glisser du bas vers le haut.
Je ne trouve pas l'erreur , pourriez vous me renseigner?
Merci pour tout.
Le code de ma page :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Service Interactiv Mail Par Vikomte & Baron</title>
<meta name="viewport" content="width=740">
<meta http-equiv="content-type" content="text/html;">
<script type="text/javascript" src="js/mootools.js"></script>
<style type="text/css" media="all">
@import url('style_home.css');
</style>
</head>
<body>
<div id="lobal_content">
<div id="navbottom" style="bottom:-151px;">
<h2 id="btn_nav"><a href="#">Menu</a></h2>
<div id="nb_mainmenu">
<ul title="navigation principale" class="mn_rk1">
<li class="mn_rk1">Item 1
<ul class="mn_rk2">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
</ul>
</li>
<li class="mn_rk1">Item 2
<ul class="mn_rk2">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
</ul>
</li>
<li class="mn_rk1">Item 3
<ul class="mn_rk2">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
</ul>
</li>
<li class="mn_rk1">Item 4
<ul class="mn_rk2">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
</ul>
</li>
<li class="mn_rk1">Item 5
<ul class="mn_rk2">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
</ul>
</li>
</ul>
<div id="nb_footer">
<p class="foo_left">© 2014 </p>
<p class="foo_right">Design by Vikomte & Baron</p>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/mooTickSlide.js"></script>
<script type="text/javascript" src="js/moosimpleslide.js"></script>
<script type="text/javascript" src="js/moosizer.js"></script>
<script type="text/javascript" src="js/global.js"></script>
<script type="text/javascript">
<!--
//############################################# SLIDING MENU
var top_home = new Fx.Morph($('top_home'), {
duration:500, wait:false,transition:Fx.Transitions.Pow.easeOut}).set({'top':-231});
/*function hide_top() {
top_home.start({'top':-231});
}
//hide_top.delay(4000);
*/
if(Browser.Engine.trident && Browser.Engine.version == '4') {
var decal_top = 0
} else {
var decal_top = 19
}
function show_top() {
top_home.start({'top':decal_top});
intervall.periodical(5000,null,intervall_advanced);
}
var intervall_advanced = intervall.delay(10000);
show_top.delay(10000);
$('top_home').addEvents({
'mouseenter':function(e) {
e.stop();
top_home.start({'top':decal_top});
},
'mouseleave':function(e) {
e.stop();
top_home.start({'top':-231});
}
});
$('btn_snt').addEvents({
'mouseenter':function(e) {
e.stop();
top_home.start({'top':decal_top});
}
});
$('header').addEvents({
'mouseenter':function(e) {
e.stop();
top_home.start({'top':decal_top});
},
'mouseleave':function(e) {
e.stop();
top_home.start({'top':-231});
}
});
$('zone_active').addEvents({
'mouseenter':function(e) {
e.stop();
top_home.start({'top':decal_top});
}
});
}
//###########################################################
-->
</script>
</body>
</html>
Modifié par VKB (12 May 2014 - 16:04)