可以使用这个jQuery插件热点产品介绍或图片展示,支持延迟幻灯片,可以通过单击触发或徘徊。
适合移动设备也喜欢iPhone或者iPad。
使用方法
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/jquery.hotspot.css">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.custom.49511.js"></script>
<script src="js/jquery.hotspot.min.js"></script>
js
<script>
jQuery(document).ready(function ($) {
$('#container1').hotSpot();
var _pop2 = $('#container2').hotSpot({
slideshow: false,
triggerBy: 'click',
autoHide: false
});
$('#image2').on('click', function (event) {
_pop2.hideCurrentPop();
});
});
</script>