src/ZKEACMS.WebHost/wwwroot/js/EasyPlug/Easy.FocusImage.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*!
 * http://www.zkea.net/
 * Copyright 2016 ZKEASOFT
 * http://www.zkea.net/licenses
 */
/*jQuery扩展方法*/
jQuery.fn.extend({
	FocusImages: function (data, speed) {
		/// <summary>焦点点图，DIV放空</summary>
		/// <param name="data" type="Json">Json对象，格式：{ "Pics": [{ "Url": "图片地址", "Target": "跳转地址,不需要则留空","Content":"图片文字说明" }]}</param>
		var CurrentIndex = 0, FuIndex = -1; var Data, foEl = this;
		var neIndex = -1; var GoTimeId = 0;
		var H_pi = 10, V_pi = 20;
		var defaul = { H_pieces: 10, V_pieces: 20 };
		H_pi = defaul.H_pieces;
		V_pi = defaul.V_pieces;
		Data = data;
		if (!Data || !Data.Pics || !Data.Pics[0].Url || typeof Data.Pics[0].Target != "string" || typeof Data.Pics[0].Content != "string") {
			alert("FocusImages()：给定的JSON数据格式不正确！\r\n例：{ Pics: [{ Url: '图片地址', Target: '跳转地址,不需要则留空',Content:'图片文字说明' }]}");
			return false;
		}
		if (typeof speed != "number")
			speed = 4000;
		var bgDiv = $("<div class='FocusInfoUl' style='background-color:Black'></div>");
		bgDiv.fadeTo(0, 0.6);
		foEl.append(bgDiv);
		foEl.css("display", "block");
		if (foEl.css("position") != "relative" && foEl.css("position") != "absolute" && foEl.css("position") != "fixed")
			foEl.css("position", "relative");
		foEl.css("overflow", "hidden");
		var ul = $("<ul class='FocusInfoUl'></ul>");
		var w = 100 / Data.Pics.length;
		for (var l = 0; l < Data.Pics.length; l++) {
			if (l == 0) {
				var li = "<li class='Focus-ul-li-cur' style='width:" + w + "%'><div></div><a href='javascript:void(0)'>" + Data.Pics[l].Content + "</a></li>";
				ul.append(li);
			}
			else {
				var li2 = "<li class='Focus-ul-li' style='width:" + w + "%'><div></div><a href='javascript:void(0)'>" + Data.Pics[l].Content + "</a></li>";
				ul.append(li2);
			}
		}
		ul.find("div").fadeTo(0, 0.3);
		foEl.append(ul);
		var ins = 0;
		foEl.find("ul a").each(function () {
			var tei = ins;
			$(this).click(function () { UserPlay(tei); $(this)[0].blur(); });
			ins++;
		});
		var img = new Image();
		img.onload = function () {
			AutoPlay();
		}
		img.src = Data.Pics[CurrentIndex].Url;
		img.onclick = function () {
			if (Data.Pics[CurrentIndex].Target != "")
				open(Data.Pics[CurrentIndex].Target);
		}
		foEl.append(img);