天气预报模板

Html

Css

let $changeWeather = $('#changeWeather'), //定义变量名
    $showCityWeather = $('#showCityWeather'),
    $nameOption, $weatherDiv;

let myWeatherList = [{
        cityName: '西安',
        cityWeather: [{
                time: '08/05',
                tem: '30',
                weather: '多云'
            },
            {
                time: '08/06',
                tem: '32',
                weather: '晴'
            },
            {
                time: '08/07',
                tem: '40',
                weather: '晴'
            },

},
    {
        cityName: '上海',
        cityWeather: [{
                time: '08/05',
                tem: '24',
                weather: '晴'
            },
            {
                time: '08/06',
                tem: '16',
                weather: '雪'
            },
            {
                time: '08/07',
                tem: '36',
                weather: '雨'
            },

},
    {
        cityName: '北京',
        cityWeather: [{
                time: '08/05',
                tem: '22',
                weather: '晴'
            },
            {
                time: '08/06',
                tem: '24',
                weather: '雨'
            },
            {
                time: '08/07',
                tem: '28',
                weather: '多云'
            },

}
];

let init = () => { //页面初始加载需要执行的方法
    makeWeatherObj.makeChoiceCity()

};
init();

↑上面代码改变，会自动显示代码结果 jQuery调用版本：2.1.4

立即下载

天气预报模板



代码描述：可切换城市的天气预报

模拟后台数据实现天气预报的切换 (纯净版无样式)

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

Hannibal ,

相关代码

天气预报模板

最新