Hi!
I am a little bit confuse...
With my codes I need that when I click to one menu (for instance, "About Us"). I would to see appear the block of the text on the same page (just below of that menu clicked).
But that block of text must appear with a kind of simple effect (may be a fade in or out, etc). Means when the text appearing come with that effect.
I try with
... But it's wrong.thanx
#menu, #menu ul
{
list-style:none;
padding:0;
margin:0;
}
#menu li
{
float:left;
position:relative;
line-height: 2.5em;
width: 10em;
}
#menu li ul
{
position:absolute;
margin-top:-1em;
margin-left:.5em;
display:none;
}
#menu ul li ul
{
margin-top:-3em;
margin-left:8em;
}
#menu a
{
display:block;
border-right:1px solid #fff;
background:#E0FFF4;
color:#3B3B3B;
text-decoration:none;
padding:0 10px;
}
#menu a:hover
{
background-color:#5798B4;
color:#fff;
}
#menu ul
{
border-top:1px solid #fff;
}
#menu ul a
{
border-right:none;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
background:#AEC245;
}
/* SUBMENU 1 */
#menu li:hover ul, #menu li.over ul
{
display:block;
}
#menu li:hover ul ul, #menu li.over ul ul
{
display:none;
}
/* SUBMENU 2 */
#menu ul li:hover ul, #menu ul li.over ul
{
display:block;
}
Iftikar HussainPosted Aug 1, 2013, 5:40 AM
About Us
Regards,
Iftikar
IsraelPosted Aug 1, 2013, 5:33 AM
Sunny SharmaPosted Aug 1, 2013, 3:37 AM
I got your point, see them in action. Use the codes below: (Your code needed some modification and some jQuery actions with that).
$(document).ready(function(){
var listItems = $('ul li a');
for(var i=0;i
{
$(listItems[i]).mouseenter(function(){
var top=$(this).offset().top+$(this).height();
var left=$(this).offset().left;
var content= $(this).data('text');
var div=$('div.popup');
$(div).text(content);
$(div).css({'visibility':'visible','top':top,'left':left, 'margin-top':'20px'});
$(div).fadeIn(300);
});
$(listItems[i]).mouseleave(function(){
var div=$('div.popup');
$(div).css({'visibility':'hidden'});
});
}
});
class="selected">
Mark it as answer if it helps.
Happy Coding :)
Cheers!
Iftikar HussainPosted Aug 1, 2013, 12:36 AM
About Us is a hyperlink menu and you have declared as href=#, so on click it will redirect to same page
Regards,
Iftikar
IsraelPosted Aug 1, 2013, 12:17 AM
This is the full codes
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
... Et enfin, les Enfants de la MIBA de part le monde, ont un endroit où se rencontrer!
direction="left" behavior="scroll" loop="infinite" scrollamount="3" scrolldelay="5" class="marqueebodytext">
Iftikar HussainPosted Jul 31, 2013, 11:39 PM
Regards,
Iftikar
Iftikar HussainPosted Jul 31, 2013, 12:45 PM
Regards,
Iftikar
IsraelPosted Jul 31, 2013, 12:04 PM
Iftikar HussainPosted Jul 31, 2013, 11:59 AM
Are you referring the sub-menu or content of the menu is clicked?
Regards,
Iftikar