<link href='css/feature.presenter.1.5.css' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
</head>
<body>
<div id="test-element"></div>
<script src="js/feature.presenter.1.5.min.js"></script>
<script>
/* 图片地址可以是相对路径或绝对路径；标题和描述可以包含HTML */
var settings = [ {image: 'images/zzsc1.png', heading: '软件开发网', description: 'www.jb51.net'},
{ image: 'images/zzsc2.png', heading: '软件开发网', description: 'www.jb51.net' },
{ image: 'images/zzsc3.png', heading: '软件开发网', description: 'www.jb51.net' },
{ image: 'images/zzsc4.png', heading: '软件开发网', description: 'www.jb51.net' },
{ image: 'images/zzsc5.png', heading: '软件开发网', description: 'www.jb51.net' },
{ image: 'images/zzsc6.png', heading: '软件开发网', description: 'www.jb51.net' }
];
var options = {
circle_radius: 220,
normal_feature_size: 100,
highlighted_feature_size: 150,
top_margin: 100,
bottom_margin: 50,
spacing: 40,
min_padding: 50,
heading_font_size: 30,
description_font_size: 20,
type: 'image'
};
var fp = new FeaturePresenter($("#test-element"), settings, options);
fp.createPresenter();
</script>
</body>
</html>
以上所述就是本文的全部内容了，希望大家能够喜欢。
