日历与天气

哥从来不玩真三

于 2011-05-16 11:47:00 发布

阅读量831

点赞数

CC 4.0 BY-SA版权

分类专栏： Ext技术文章标签：日历 tools javascript div html iframe

本文链接：https://blog.youkuaiyun.com/WarcraftJimmy/article/details/6423923

Ext技术专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个简单的网页布局，用于同时展示日历和天气信息。该页面分为两个部分：左侧为一个可交互的日历组件，支持显示公历及农历日期，并提供返回今天的按钮；右侧通过iframe嵌入了中国天气网提供的城市天气预报。页面使用了特定的样式设置来确保整体美观。

{

layout:'column',

height : 250,

tools: tools,

title:'日历与天气',

bodyStyle : 'background-color:#CFE4FF',

items:[{columnWidth:.5,

html: '<div id=/"bdcalendar110/"><div id=/"calendarTop/"><select></select>年<select></select>月农历<span></span>年[<span></span>年] <input type=/"button/" value=/"今天/" title=/"点击后跳转回今天/" ></div><ul id=/"calendarWeek/"><li>一</li><li>二</li><li>三</li><li>四</li><li>五</li><li><b>六</b></li><li><b>日</b></li></ul><div id=/"calendarContent/"></div><div id=/"calendarBottom/"><a target=/"_blank/" onmousedown=/"return c({/'fm/':/'alop/',/'title/':this.innerHTML,/'url/':this.href,/'p1/':al_c(this),/'p2/':1})/" href=/"javascript:void(0)/"></a></div></div>'

}, {columnWidth:.5,

style : 'padding:5px 0px 0px 0px;',

html : '<iframe src=http://weather.china.com.cn/city/'+MiniSite.Weather.htmlAddressNum+'.html id=city_frame_weather height=214 width=99% scrolling=no marginheight=0 frameborder=0 ></iframe>' +

'<div id=city_frame_weather_css></div>'}]}