在页面上弹出层效果。
    <script type="text/javascript">
$(document).ready(function() {
$("a#example6").fancybox({
'titlePosition':'outside',
'overlayColor':'#000',
'overlayOpacity':0.9
});
$("a#example7").fancybox({
'titlePosition':'inside'
}); $("a#example8").fancybox({
'titlePosition':'over'
}); $("a[rel=example_group]").fancybox({
'transitionIn':'none',
'transitionOut':'none',
'titlePosition':'over',
'titleFormat':function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
}
});
});
    </script>  <a id="example8" href="<%# Eval("ProductsPic") %>"  title="名称:<%# Eval("ProductsTitle") %>。说明:<%# Eval("ProductsTxt") %>">
                            <img src="<%# Eval("ProductsPic") %>" alt="<%# Eval("ProductsTxt") %>" />
                        </a>
//以上用Repeater绑定,循环读取所有数据
在IE6.0中,点击第一条数据是正确的能弹出层,但是点击第二条开始就直接跳转到图片地址中,无法弹出层。IE8.0中测试正常。难道是css样式表有问题?