PDA

View Full Version : what is the different between CSS+JAVASCRIPT drop down menu with pure css drop down menu??


fattat
04-11-2009, 12:12 AM
what is the different between CSS+JAVASCRIPT drop down menu with pure css drop down menu??


why say that CSS+JAVASCRIPT will be better than CSS only...??

Cary
04-11-2009, 01:09 AM
Pure CSS is best, but won't work with IE 6 which requires additional javascript, often in the form of an .htc file.

EDIT: It's possible to create a drop-down menu that works with IE 6 without javascript, but it uses really ugly code involving tables and IE conditional code. Run the other way...

fattat
04-11-2009, 01:58 AM
Pure CSS is best, but won't work with IE 6 which requires additional javascript, often in the form of an .htc file.

EDIT: It's possible to create a drop-down menu that works with IE 6 without javascript, but it uses really ugly code involving tables and IE conditional code. Run the other way...

pure CSS wont work with IE 6??
is that just javascript then is can works with IE6??
or in javascript need any special script to make it work with IE 6??





here is the javascript for drop down menu,
can help me take a look for it??
just javascript then it might open with IE6??


<script type="text/javascript">
var i;
var arrObj_li_dd;
var arrObj_li;
var arrID_li=["menu1","menu2","menu3","menu4","menu5"];

window.onload = function()
{
for(i=0;i<arrID_li.length;i++)
{
arrObj_li = document.getElementById(arrID_li[i]);
arrObj_li.onmouseover=function(){mouseover_li(this )};
arrObj_li.onmouseout = function(){mouseout_li(this)};
}
}

function mouseover_li(obj)
{
arrObj_li_dd = obj.getElementsByTagName("dd");
for(i=0;i<arrObj_li_dd.length;i++)
{
arrObj_li_dd[i].className = "show";
}
}

function mouseout_li(obj)
{
arrObj_li_dd = obj.getElementsByTagName("dd");
for(i=0;i<arrObj_li_dd.length;i++)
{
arrObj_li_dd[i].className = "";

}
}
</script>

Cary
04-11-2009, 02:26 AM
IE 6 can handle CSS that involves using ":hover" with the anchor element or "a" tag, so "a:hover" works fine. However, suppose you want to use "li:hover" for your menu. IE 6 doesn't understand that. It doesn't support :hover with anything other than anchors. The additional javascript allows IE6 to correctly handle "li:hover".

here is the javascript for drop down menu,
can help me take a look for it??
just javascript then it might open with IE6??

Stick that script code in the head of your page or an external .js file linked to the page. I assume it mimics li:hover.

fattat
04-11-2009, 03:36 AM
Stick that script code in the head of your page or an external .js file linked to the page. I assume it mimics li:hover.

a little bit understand...


http://s3.envato.com/files/42591/index.html
i just found a xml drop down menu..
when rollover the menu will got some animation of the text
it look cool

do u know where can download it??
i found a lot from internet but there doesnt have animation of the text..
i u know where can get it please simple tell me. thank

Ricky55
04-11-2009, 04:21 AM
That's a flash menu not CSS or Javascript, quite nice actually. It will get its text from an XML file.

There's loads of tuts out there to learn how to do this sort of thing.

Have a search on Google for drop down menus in flash.

fattat
04-11-2009, 01:30 PM
That's a flash menu not CSS or Javascript, quite nice actually. It will get its text from an XML file.

There's loads of tuts out there to learn how to do this sort of thing.

Have a search on Google for drop down menus in flash.

ya...that is a xml flash menu
i found it also very convenient for doing editing the menu...
but most of the file i found in google is simple xml flash..
dont get the animation flash..


so if anyone got the animation xml flash menu please send it to me..hehe