他们是如何开发此网站页脚的?

时间:2011-06-03 18:15:54

标签: javascript css

我了解如何显示/隐藏DIV但是他们是如何制作这个页脚的?

我希望在我的网站上能够这样做。

顺便看看这个页面的常量联系方式,请注意页脚。

Constant Contact 谢谢!

3 个答案:

答案 0 :(得分:10)

这是一个非常简单的版本,介绍如何实现与您的示例类似的内容。如果您使用的是浏览器,则只需使用JavaScript。 IE7,否则简单的CSS就可以做到。

<强> Live Demo

#footer{
  bottom: 0px;
  position: fixed;
}

答案 1 :(得分:1)

给div一个固定的位置。像这样的东西:

<div style="width:100%; position:fixed; bottom:0px; background-color:blue; height: 50px;">
Excellent footer content here
</div>

答案 2 :(得分:0)

看起来他们使用jQuery为包含所有页脚内容的div设置动画。

相关的.js文件位于:http://www.constantcontact.com/_script/social-media-toolbar.js?version=1307033023000