邓州热线精美小巧的天气预报+年月日+动态时间显示

图片演示：


时间，国家授时中心的标准时间，直接从国家授时中心盗链下来的SWF。
天气，是中国气象局公共气象服务中心提供的一个页面，应该是国内最权威的。
日期，用的JS获取的当前日期。


演示地址：http://www.dzhrx.com


2个代码，1个是模板DIV，1个是CSS里的，还有一个SWF时间文件。

1，DIV

1. <div class="clock">
   
2. <div class="c-weather"><iframe scrolling="0" height="25" frameborder="0" width="245" marginheight="0" marginwidth="0" allowtransparency="true" src="http://m.weather.com.cn/m/pn3/weather.htm" class="c-weather">
   
3. </iframe></div>
   
4. <p><script>
   
5. var d = new Date();
   
6. var ymd = d.getFullYear() + "年" + (d.getMonth()+1) + "月" + d.getDate() + "日", week = ['日', '一', '二', '三', '四', '五', '六'];
   
7. document.write( ymd +"<br/>" + "星期" + week[d.getDay()] );
   
8. </script></p>
   
9. <object height="40" width="110" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="clockswf" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"><param name="movie" value="[color=Red]XXX[/color]/clock.swf"><param name="quality" value="high"><param name="wmode" value="transparent"><embed height="40" width="110" src="http://www.dzhrx.com/clock.swf" name="clockswf" id="clockswf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></object>
   
10. </div>

复制代码

红色的XXX,改为自己的FLASH地址

2，CSS代码，在CSS文件加进去就行

1. .clock{ width:294px; height:60px; padding:0 2px;}
   
2. .c-weather {height:26px;
   
3. left:6px;
   
4. position:absolute;
   
5. top:4px;
   
6. width:245px;}
   
7. .clock p {
   
8. float:left;
   
9. margin-top:22px;
   
10. width:88px;}
    
11. .clock object {
    
12. margin-top:18px;
    
13. }
    
14. .clock object {
    
15. float:left;
    
16. }

复制代码

3，swf文件

错位了


请看我的。还带有农历呢！

这是我帮人做的网站，可以看看实际效果http://luoyu.byethost3.com/

哥们用的什么浏览器啊，IE6 FIREFOX都测了，没发现错位

看起來不錯!

用力顶下

我刚来~~~嘿嘿~~

西部园丁 发表于 2010-8-17 17:47
错位了

你好啊。年月日时间你是怎么设置的代码？能告诉我吗？谢谢