Enter your search terms Submit search form
web site

• Home
• Joseph Turner
  • Fishermen at Sea
  • The Shipwreck
  • The Vale of Ashburnham
  • Crossing the Brook
• John Constable
  • The Hay Wain
  • Brighton Beach
  • Malvern Hall
  • Salisbury Cathedral
  • Weymouth Bay
• Henri Matisse
  • The Girl with Green Eyes
  • The Dream
  • Woman in Blue
  • The Yellow Dress
  • The Piano Lesson
• Paul Cezanne
  • The Large Bathers
  • Onions and Bottles
  • Mardi Gras
  • Still Life
  • Boy in a Red Waistcoat

Information

This menu uses the same small javascript routine as the Professional dropdown #1 menu to add the IE5.x and IE6 styles to the stylesheet and provide the 'hover' function.

All that is necessary is to produce the undordered list of links and the stylesheet for IE7 and Firefox, Opera, Safari etc and leave it to the javascript routine to produce the necessary alternative stylesheet information for IE5.x and IE6 as well as the alternative 'hover' class.

The javascript

/* Credits: Stu Nicholls */ /* URL: http://www.stunicholls.com/menu/pro_dropline_1/stuHover.js */ stuHover = function() { var cssRule; var newSelector; for (var i=0; i<document.styleSheets.length; i++) for (var x=0; x<document.styleSheets[i].rules.length ; x++) { cssRule = document.styleSheets[i].rules[x]; if (cssRule.selectorText.indexOf("LI:hover") >= 0) { newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover"); document.styleSheets[i].addRule(newSelector , cssRule.style.cssText); } } var getElm = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i<getElm.length; i++) { getElm[i].onmouseover=function() { this.className+=" iehover"; } getElm[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" iehover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", stuHover);

Tested in IE5.5, IE6, IE7, Firefox, Opera, Netscape, Mozilla, Safari (PC) and Safari (iPod Touch).

Download

All the files, except the photograph which is copyrighted, can be downloaded using the link below. If you are going to use this in your website then please respect my copyright and keep the credits in the stylesheets and javascript.

Download pro_dropline_1.zip

• web design
• SEO

naturals conditioner

There are limited text and banner ads spaces available to help support this site.

Please contact me for more information.

latest demonstrations

13th December 2009

jQuery show / hide list

jQuery more / less

jQuery Horizontal slide down #3

Autorun slideshow

jQuery Date Picker

jQuery Days from Date

Copyright © 2007/8/9 stunicholls.com  »  Home | Galleries | Menus | Privacy | Support | Contact |  Comments  | ICRA  | 

Domain Name RegistrationWeb Hosting by Host Color