在html文档上移动javascript

时间:2012-01-30 04:51:14

标签: iphone

我的一切都在运作我的想法。我唯一想知道的是如何将javascript移动到页面的绝对左上角。程序获取系统日期,然后将其与两个季节变量进行比较。在比较它们之后,它确定应该显示哪个图像。

<head>
<title>Date Compare</title>

</head>
<!--- 
    Made by Ben Mason
    Email bambammason@gmail.com

    !!! You may change this how you like but please give me credit if you do!!
--->

<body>

<script type="text/javascript">

    var a = new Date(); //beginning of Spring
    var b = new Date(); //beginning of Summer
    var c = new Date(); //beginning of Fall
    var d = new Date(); //beginning of Winter
    var today = new Date();

    //Set actual Dates
    a.setFullYear(2012, 2, 20);
    b.setFullYear(2012, 5, 20);
    c.setFullYear(2012, 8, 22);
    d.setFullYear(2012, 11, 21);

    //compare today vs dates of seasons
    if (( today > a) && (today <= b )) 
    {
        document.write("<img src = Images/Spring.jpg>");
    }
    else if ((today > b) && (today <= c))
    {
        document.write("<img src = Images/Summer.jpg>" );
    }
    else if ((today > c) && (today <= d)) {
        document.write("<img src = Images/Fall.jpg>" );
    }
    else if ((today >= d) || (today <= a)) {
        document.write("<img src = Images/Winter.jpg width=320 height=480>");
    }

</script> 
</body>
</html>

1 个答案:

答案 0 :(得分:0)

首先,这与iPhone开发无关。

其次,只需使用css。

<style type="text/css">
.top-left {
  position:absolute;
  top:0;
  left:0;
}
</style>

document.write("<img class='top-left' src = Images/Spring.jpg>");