Home Downloads Photomarker – jQuery 仿淘宝画报展示插件

jQuery advsBlocks 特效 - 仿无名良品首页商品图片展示特效

画报大图

1
Tip-1

淘宝画报特效 - 1

查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮

2
Tip-1

淘宝画报特效 - 1

查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮

3
Tip-1

淘宝画报特效 - 1

查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮

读取部分已有DOM数据

(function(){
	var HB_DATA = {
		"dynamic": {
			"target": "#photo-pointer-demo",
			"source": "#pp-source"
		},
		"data": [{
			"main": "sample\/hb-1.jpg",
			"title": "画报图片-1",
			"sub": [{
				"top": 200,
				"left": 140,
				"src": "sample\/s-1.jpg",
				"title": "画报图片-1",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}, {
				"top": 300,
				"left": 240,
				"src": "sample\/s-2.jpg",
				"title": "画报图片-2",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}, {
				"top": 100,
				"left": 140,
				"src": "sample\/s-3.jpg",
				"title": "画报图片-3",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}],
			"sample": "sample\/hb-s-1.jpg"
		}, {
			"main": "sample\/hb-2.jpg",
			"title": "画报图片-2",
			"sub": [{
				"top": 200,
				"left": 140,
				"src": "sample\/s-2-1.jpg",
				"title": "画报图片-1",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}, {
				"top": 100,
				"left": 340,
				"src": "sample\/s-2-2.jpg",
				"title": "画报图片-2",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}, {
				"top": 300,
				"left": 40,
				"src": "sample\/s-2-3.jpg",
				"title": "画报图片-3",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}],
			"sample": "sample\/hb-s-2.jpg"
		}, {
			"main": "sample\/hb-3.jpg",
			"title": "画报图片-3",
			"sub": [{
				"top": 200,
				"left": 140,
				"src": "sample\/s-3-1.jpg",
				"title": "画报图片-1",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}, {
				"top": 300,
				"left": 240,
				"src": "sample\/s-3-2.jpg",
				"title": "画报图片-2",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}],
			"sample": "sample\/hb-s-3.jpg"
		}, {
			"main": "sample\/hb-4.jpg",
			"title": "画报图片-4",
			"sub": [{
				"top": 210,
				"left": 140,
				"src": "sample\/s-4-1.jpg",
				"title": "画报图片-1",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}, {
				"top": 340,
				"left": 140,
				"src": "sample\/s-4-2.jpg",
				"title": "画报图片-2",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}],
			"sample": "sample\/hb-s-4.jpg"
		}, {
			"main": "sample\/hb-1.jpg",
			"title": "画报图片-5",
			"sub": [{
				"top": 110,
				"left": 340,
				"src": "sample\/s-1.jpg",
				"title": "画报图片-1",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}, {
				"top": 240,
				"left": 240,
				"src": "sample\/s-2.jpg",
				"title": "画报图片-2",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}, {
				"top": 280,
				"left": 100,
				"src": "sample\/s-3.jpg",
				"title": "画报图片-3",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}],
			"sample": "sample\/hb-s-1.jpg"
		}, {
			"main": "sample\/hb-2.jpg",
			"title": "画报图片-6",
			"sub": [{
				"top": 400,
				"left": 240,
				"src": "sample\/s-2-1.jpg",
				"title": "画报图片-1",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}, {
				"top": 240,
				"left": 140,
				"src": "sample\/s-2-2.jpg",
				"title": "画报图片-2",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}, {
				"top": 200,
				"left": 240,
				"src": "sample\/s-2-3.jpg",
				"title": "画报图片-3",
				"intro": "查看宝贝详情 专柜正品 香水CD Dior 迪奥香水 迪奥花漾甜心女士香水50ML 包邮",
				"link": "http:\/\/www.yaohaixiao.com\/"
			}],
			"sample": "sample\/hb-s-2.jpg"
		}]
	}, Huabao = new jQuery.PhotoMarker(HB_DATA);
})();

下载地址:photomarker.zip

Facebook Twitter Delicious 开心网 人人网 豆瓣网 新浪微博 网易微博 腾讯微博