Question

我正在尝试创建一个每次创建新帖子时都会更改的标头。最新帖子的特色图片也应该成为主页标题，并带有一个按钮来查看该帖子。最好的做法是拥有多个header.php文件，还是应该有一个条件语句？

Answer 1

您不需要多重动态标头。您的帖子需要一个标题。比如说，你有

post.php中

post.php文件中的

您可能需要包含“header.php”之类的内容。在包含中尝试以下

//put this portion of the code in between the head tag somewhere

<!--Little CSS fade in -->
<style>
.fade-in{
  -webkit-animation: fade-in 2s ease;
  -moz-animation: fade-in ease-in-out 2s both;
  -ms-animation: fade-in ease-in-out 2s both;
  -o-animation: fade-in ease-in-out 2s both;
  animation: fade-in 2s ease;
  visibility: visible;
  -webkit-backface-visibility: hidden;
}

@-webkit-keyframes fade-in{0%{opacity:0;} 100%{opacity:1;}}
@-moz-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@-o-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@keyframes fade-in{0%{opacity:0} 100%{opacity:1}}

</style>
</head>
<body>

<!--We appendin' on this div - ps: ids make sense here... punk-->
<div id="banner-load"></div>

<!--Don't forget Jquery-->
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js'></script>

<!--New images on load -->
<script>
//Add your images, we'll set the path in the next step
    var images = ['banner-1.jpg', 'banner-2.jpg', 'banner-3.jpg', 'banner-4.jpg];

//Build the img, then do a bit of maths to randomize load and append to a div. Add a touch off css to fade them badboys in all sexy like.
    $('<img class="fade-in" src="images/' + images[Math.floor(Math.random() * images.length)] + '">').appendTo('#banner-load');
</script>

</body>
?>

确保在包含中记住包含文件时头标记和正文标记的位置。

以下是github https://gist.github.com/stephenscaff/8266351

的链接

您是否必须创建多个header.php文件才能拥有动态标头？

1 个答案: