mirror of
https://github.com/wu736139669/vczero.github.io.git
synced 2026-08-05 06:23:38 +00:00
104 lines
3.1 KiB
JavaScript
104 lines
3.1 KiB
JavaScript
/*
|
|
* 作者：wlhmyit@126.com
|
|
* 时间：2014-10-09
|
|
* 描述: 世界图展示-TOP1
|
|
* */
|
|
|
|
define(function(require, exports, module){
|
|
var ajax = require('util/ajax');
|
|
var render = require('util/render');
|
|
var urlConfig = require('server/config');
|
|
|
|
var defaultData = [
|
|
{
|
|
fengmianUrl: 'images/500.png',
|
|
suozaiDazhou: '北美洲',
|
|
luxianJianjie: '早定者，全程超级经济舱。游览新西兰的花园之城——基督城，搭乘古董蒸汽小火车，喷射快艇，自驾前...',
|
|
xiangmuLeixing: '蜜月之旅',
|
|
zhichiCount: '2人'
|
|
},
|
|
{
|
|
fengmianUrl: 'images/501.png',
|
|
suozaiDazhou: '南极洲',
|
|
luxianJianjie: '早定者，全程超级经济舱。游览新西兰的花园之城——基督城，搭乘古董蒸汽小火车，喷射快艇，自驾前...',
|
|
xiangmuLeixing: '蜜月之旅',
|
|
zhichiCount: '2人'
|
|
},
|
|
{
|
|
fengmianUrl: 'images/502.png',
|
|
suozaiDazhou: '南美洲',
|
|
luxianJianjie: '早定者，全程超级经济舱。游览新西兰的花园之城——基督城，搭乘古董蒸汽小火车，喷射快艇，自驾前...',
|
|
xiangmuLeixing: '蜜月之旅',
|
|
zhichiCount: '2人'
|
|
},
|
|
{
|
|
fengmianUrl: 'images/503.png',
|
|
suozaiDazhou: '非洲',
|
|
luxianJianjie: '早定者，全程超级经济舱。游览新西兰的花园之城——基督城，搭乘古董蒸汽小火车，喷射快艇，自驾前...',
|
|
xiangmuLeixing: '蜜月之旅',
|
|
zhichiCount: '2人'
|
|
},
|
|
{
|
|
fengmianUrl: 'images/504.png',
|
|
suozaiDazhou: '亚欧大陆',
|
|
luxianJianjie: '早定者，全程超级经济舱。游览新西兰的花园之城——基督城，搭乘古董蒸汽小火车，喷射快艇，自驾前...',
|
|
xiangmuLeixing: '蜜月之旅',
|
|
zhichiCount: '2人'
|
|
},
|
|
{
|
|
fengmianUrl: 'images/505.png',
|
|
suozaiDazhou: '澳洲',
|
|
luxianJianjie: '早定者，全程超级经济舱。游览新西兰的花园之城——基督城，搭乘古董蒸汽小火车，喷射快艇，自驾前...',
|
|
xiangmuLeixing: '蜜月之旅',
|
|
zhichiCount: '2人'
|
|
}
|
|
];
|
|
|
|
module.exports = {
|
|
render: function(){
|
|
ajax.get(urlConfig.index_top1, function(data){
|
|
if(data || defaultData){
|
|
//拼接图片的完整地址
|
|
if(data){
|
|
_.each(data, function(item){
|
|
item.fengmianUrl =urlConfig.img + item.fengmianUrl;
|
|
});
|
|
}
|
|
render.render('tpl_world_map', 'tpl_div_world_map', data);
|
|
//界面效果
|
|
$("#srdz_box").cgPictureEffect({
|
|
picture:".scroll_srdz",
|
|
thumbPicture:".small-pic",
|
|
disbledClass:"btn-disable",
|
|
prev:".pre-btn",
|
|
next:".next-btn",
|
|
current:1,
|
|
thumbEffect:{
|
|
style:"icon",
|
|
type:null,
|
|
selectedClass:"small-hover"
|
|
},
|
|
effect:{
|
|
type:"fade",
|
|
speed:2000
|
|
}
|
|
});
|
|
$(".wm_block").find("li").hover(function(){
|
|
var num = $(this).index() + 1;
|
|
$(this).addClass("bg_" + num);
|
|
$(".world_map").find(".world_map_list").eq($(this).index()).show(200);
|
|
|
|
},function(){
|
|
var num = $(this).index() + 1;
|
|
$(this).removeClass("bg_" + num);
|
|
$(".world_map").find(".world_map_list").eq($(this).index()).hide(200);
|
|
});
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
};
|
|
|
|
});
|