1

我希望在页面加载时从浏览器窗口的顶部出现一个框。

理想情况下，它看起来像这样：

http://demo.cookieconsent.silktide.com/

所以页面加载并向下滑动。

我将如何实现这一目标？

我查看了http://jqueryui.com/demos/dialog/但它似乎没有执行上述操作。

4

3 回答 3

2

试试这个

在此示例中，我创建了一个固定在窗口顶部但起初隐藏的 div，然后在页面加载时显示下滑动画。

希望这可以帮助

此处更新演示

于 2012-06-08T10:37:34.253 回答
1

尝试这个-

html

<div id="box"><h1 style="text-align:center">content goes here</h1></div>

jQuery

$(document).ready(function(){
    $("#box").animate({top:"0px"},"slow");
});

css

background:red;
position:fixed;
width:100%;
height:60px;
top:-60px

总的来说，代码是 -

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>

<style>
#box
{
background:red;
position:fixed;
width:100%;
height:60px;
top:-60px
}
</style>
<script type="text/javascript"> 
$(document).ready(function(){
    $("#box").animate({top:"0px"},"slow");
});
</script> 
</head>

<body>
<div id="box"><h1 style="text-align:center">content goes here</h1></div>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
rest page content<br>
</body>
</html>
于 2012-06-08T11:02:17.923 回答
0

在您的 html 中放入 a <div>，将其 css 设置为，position: fixed然后您就完成了。

于 2012-06-08T10:32:28.597 回答