我的客户希望在加载室内页面时使用淡入淡出图像。这是相关页面:http://angelynngrant.com/mei3/ouragency.html
问题:
(1) 淡入效果不起作用;
(2) 淡出效果有效,但在“销毁”之前留下了一个幽灵矩形;
(3) 经常在onload(和刷新时),模态框出现在窗口左上角,然后“跳跃”到另一位置执行淡出操作。
我已经调整了CSS,使对话框的大多数元素消失或透明(例如.ui-dialog .ui-dialog-titlebar {visibility:hidden; background:transparent;})。
我在头部加载了代码:
任何帮助都将不胜感激。(注:网站设计和风格尚未完成。)
我已经调整了CSS,使对话框的大多数元素消失或透明(例如.ui-dialog .ui-dialog-titlebar {visibility:hidden; background:transparent;})。
我在头部加载了代码:
<script type="text/javascript">
$(window).load(function() {
$("#ModalSlide7").dialog({
width: 564,
height: 808,
modal: true
});
$(".ui-dialog-titlebar").hide();
});
</script>
我将模态框的其余部分放在正文中:
<div id="ModalSlide7">
<img id="slide7" src="images/7.jpg" alt="Game of Authors vintage game">
<script type="text/javascript">
$('#slide7').fadeIn(3000, function() {
$('#slide7').fadeOut(3000).queue(function (next) {
$('#ModalSlide7').dialog('destroy').remove();
});
});
</script>
</div>
任何帮助都将不胜感激。(注:网站设计和风格尚未完成。)