1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/zhongdaiqi-HotMap

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
HotMap.js 1.4 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
钟代麒 Отправлено 19.09.2017 11:21 c768e57
(function ($) {
$.fn.extend({
"hotMap": function (options) {
//检测用户传进来的参数是否合法
if (!isValid(options))
return this;
var opts = $.extend({}, defaluts, options); //使用jQuery.extend 覆盖插件默认参数
engine(this,opts);
return this;
}
});
var engine=function(self,opts){
self.click(function (e) {
var imgNavRate= self.width()/ opts.RefWidth;
for (var i = 0; i < opts.HotArea.length; i++) {
var imgPoint = opts.HotArea[i];
//检测用户是否点到指定区域
if (e.offsetX > imgPoint.StartPoint.X * imgNavRate && e.offsetX < imgPoint.EndPoint.X * imgNavRate && e.offsetY > imgPoint.StartPoint.Y * imgNavRate && e.offsetY < imgPoint.EndPoint.Y * imgNavRate) {
imgPoint.ClickAction();
}
}
});
};
//默认参数 暂无
var defaluts = {
RefWidth:640,//参考宽度
HotArea:[
{
StartPoint: { X: 38, Y: 1021 },
EndPoint: { X: 280, Y: 1088 },
ClickAction: function () {
}
}
]
};
//私有方法,检测参数是否合法
function isValid(options) {
return !options || (options && typeof options === "object") ? true : false;
}
})(window.jQuery);

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/zhongdaiqi-HotMap.git
git@api.gitlife.ru:oschina-mirror/zhongdaiqi-HotMap.git
oschina-mirror
zhongdaiqi-HotMap
zhongdaiqi-HotMap
master