Code: Select all
$(document).ready(function(){
/*These initially put some divs in a hidden state*/
$("#hello").hide();
$(".menu").hide();
$("#foo").hide();
$("#hide").hide();
/*Clear background when images load*/
$(window).load(function(){
$("#blacksquare").animate({width:50},"slow");
$("#blacksquare").animate({height:0},"slow");});
/*Draggable*/
$(".menu").draggable();
/*These hide and show stuff */
$("#mylogo").click(function(){
$("#menu1").toggle()
});
$(".button").click(function(){
$("#menu1").hide();
$(".fatdiv").fadeOut(2000);
});
$(".button").mouseover(function(){
$(this).css("background-color","blue");
$(this).css("opacity",0.4);});
$(".button").mouseout(function(){
$(this).css("background-color","black");
$(this).css("opacity",1);});
/*Menu*/
$("#info").click(function(){
$("#menu2").slideDown("slow");
});
$("#about").click(function(){
$("#menu3").slideDown("slow");
});
$("#news").click(function(){
$("#menu4").slideDown("slow");
});
$("#book").click(function(){
$("#menu5").slideDown("slow");
});
$("#misc").click(function(){
$("#menu6").slideDown("slow");
});
$("#links").click(function(){
$("#menu7").slideDown("slow");
});
$(".close").click(function(){
$(".menu").slideUp(2000);
$(".fatdiv").fadeIn(800);
$("#mylogo").show("slow");
});
});
</script> Yikes, man! You're a penny pincher! I like fat websites with graphics, though I bet it wouldn't feel the same way on a smart phone. Yeah, I'll cut stuff back, though I'd like an HD image in the back for LCD 44" presentations. ImageMagick and Python should be able to size the background-image pretty easily from the HD png source.fliptw wrote:On this ancient P4 at work, FF4 is slightly faster than opera 9.63 under XP.
The load speed of that image would put people off.
You want that under 60KB.
Do you really need to be using google Analyitics? its like generating 71 KB of CSS that you don't need.
Will do that! Yeah. I'm currently on FF 3.5+, as a backup to Chrome.Jeff250 wrote:Seems to run identically (and well) for me on Firefox 4, Opera 11.11, and Midori 0.3.2 on my Ubuntu 11.04 laptop with Intel graphics. Have you tried Firefox 4 on windows yet?
Tell that to fafsa.ed.gov... They're the reason I have 3.5 installed.Jeff250 wrote:Firefox 4 on any OS would be a lot more competitive than 3.5. Firefox 3.5 has been end-of-life'd.
government missing the point wrote: For the past few years, every major Web browser released has been built around a set of open standards designated by the World Wide Web Consortium, a non-profit organization charged with overseeing the continuing development of the Web. What this means is that one piece of code now looks the same on every modern browser, whether it be Internet Explorer, Firefox, Safari, Opera, or others. The majority of our users are using these modern browsers, so we can present content which is optimized for them.
Code: Select all
$(document).ready(function(){
/*These initially put some divs in a hidden state*/
$("#hello").hide();
$(".menu").hide();
$("#foo").hide();
$("#hide").hide();
/*Clear background when images load*/
$(window).load(function(){
$("#blacksquare").animate({width:50},"slow");
$("#blacksquare").animate({height:0},"slow");});
/*Draggable*/
$(".menu").draggable();
/*These hide and show stuff */
$("#mylogo").click(function(){
$("#menu1").toggle()
});
$(".button").click(function(){
$("#menu1").hide();
$(".fatdiv").fadeOut(2000);
});
$(".button").mouseover(function(){
$(this).css("background-color","blue");
$(this).css("opacity",0.4);});
$(".button").mouseout(function(){
$(this).css("background-color","black");
$(this).css("opacity",1);});
/*Menu*/
$("#info").click(function(){
$("#menu2").slideDown("slow");
});
$("#about").click(function(){
$("#menu3").slideDown("slow");
});
$("#news").click(function(){
$("#menu4").slideDown("slow");
});
$("#book").click(function(){
$("#menu5").slideDown("slow");
});
$("#misc").click(function(){
$("#menu6").slideDown("slow");
});
$("#links").click(function(){
$("#menu7").slideDown("slow");
});
$(".close").click(function(){
$(".menu").slideUp(2000);
$(".fatdiv").fadeIn(800);
$("#mylogo").show("slow");
});
});
</script>
Code: Select all
$(document).ready(function(){
/*These initially put some divs in a hidden state*/
$("#hello, .menu, #foo, #hide").hide();
/*Clear background when images load*/
$(window).load(function(){
$("#blacksquare").animate({width:50, height:0},"slow");
});
/*Draggable*/
$(".menu").draggable();
/*These hide and show stuff */
$("#mylogo").click(function(){
$("#menu1").toggle()
});
$(".button").click(function(){
$("#menu1").hide();
$(".fatdiv").fadeOut(2000);
});
$(".button").mouseover(function(){
$(this).css({"background-color":"blue", "opacity":0.4});
});
$(".button").mouseout(function(){
$(this).css({"background-color":"black", "opacity":1});
});
/*Menu*/
$("#info").click(function(){
$("#menu2").slideDown("slow");
/*This should really be something with a class and child, like
$(".menumain").click(functio(){
$(this).children(".submenu").slideDown("slow");
});*/
});
$("#about").click(function(){ //then you could get rid of all this
$("#menu3").slideDown("slow");
});
$("#news").click(function(){
$("#menu4").slideDown("slow");
});
$("#book").click(function(){
$("#menu5").slideDown("slow");
});
$("#misc").click(function(){
$("#menu6").slideDown("slow");
});
$("#links").click(function(){
$("#menu7").slideDown("slow");
}); //<--------- to this
$(".close").click(function(){
$(".menu").slideUp(2000);
$(".fatdiv").fadeIn(800);
$("#mylogo").show("slow");
});
});