From 903f987bfc1476779de066e11109508c4bc1b2cf Mon Sep 17 00:00:00 2001 From: mouse Date: Thu, 26 Apr 2012 21:07:30 +0800 Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=9E=84=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 21 +++++---------------- javascripts/init.js | 16 ++++++++++++++++ javascripts/weather.js | 10 ++++++++-- 3 files changed, 29 insertions(+), 18 deletions(-) diff --git a/index.html b/index.html index fa4af8a..5cfb824 100644 --- a/index.html +++ b/index.html @@ -77,33 +77,22 @@

&

//User: Mouse //Comment: load menu等html文件, 并且判断时间显示出页面 //date: 2012-04-23 - var date = new Date(); - var hour = date.getHours(); - var sunHour = [6,7,8,9,10,11,12,13,14,15,16,17,18]; - var dayTime = "night"; - if($.inArray(hour,sunHour) != -1 ){ - dayTime = "sun"; - $("#day_change").html("黑夜"); - }else{ - $("#day_change").html("白天"); - }; - var weather = $("#weather"); - var weatherHtmlFile = dayTime == "sun"? "sun.html" : "night.html"; - weather.load(weatherHtmlFile); + timeInit(); + Weather.weather.load(Weather.weatherHtmlFile); $("#photo-show").load("photo_show.html"); $("#menu").load("menu.html"); $("#foot").load("foot.html"); $("#below_content").load("below_content.html"); - $(document).ready(function(){ hideActionInit(); - weatherChangeInit(dayTime,weather,weatherHtmlFile); - start(dayTime); // 启动天气效果; + weatherChangeInit(Weather.dayTime,Weather.weather,Weather.weatherHtmlFile); + start(Weather.dayTime); // 启动天气效果; backToTop(); //back to top 按钮; photoShowInit(); //照片展示 }); +

回到顶部

diff --git a/javascripts/init.js b/javascripts/init.js index fc5b877..0484db9 100644 --- a/javascripts/init.js +++ b/javascripts/init.js @@ -1,6 +1,22 @@ //--------------------------------------------- // 用于初始化所有的函数, 这里的函数将直接在html页面调用 +// 时间判断初始化 +function timeInit(){ + var date = new Date(); + var hour = date.getHours(); + var sunHour = [6,7,8,9,10,11,12,13,14,15,16,17,18]; + Weather.dayTime = "night"; + if($.inArray(hour,sunHour) != -1 ){ + Weather.dayTime = "sun"; + $("#day_change").html("黑夜"); + }else{ + $("#day_change").html("白天"); + }; + Weather.weather = $("#weather"); + Weather.weatherHtmlFile = Weather.dayTime == "sun"? "sun.html" : "night.html"; +} + //back-to-top function backToTop(){ $("#back-top").hide(); diff --git a/javascripts/weather.js b/javascripts/weather.js index 4f7963b..2192917 100644 --- a/javascripts/weather.js +++ b/javascripts/weather.js @@ -1,3 +1,9 @@ +// 提供全局weather对象: +// weather: div对象 +// weatherHtmlFile: html file +// dayTime: 时间 "sun" or "night" +Weather = { }; + //白天云朵移动效果 function cloudMoveLeft(cloud){ cloud.animate({ left: "+=30" },4000,function(){ @@ -32,8 +38,8 @@ function start(dayTime){ var elSunRays = $('#sun-rays'); var sunFace = $('#sun-face'); var sunRotation = 0; - //cloudMoveRight(cloudRed); - //cloudMoveLeft(cloudGreen); + cloudMoveRight(cloudRed); + cloudMoveLeft(cloudGreen); setInterval(function() { if (elSunRays) { sunRotation ++;