我在我的主页上添加了一个粘性标题,但是粘性标题似乎位于页面上其他内容的后面,因此当我向下滚动页面时,图像和文本位于标题的顶部,是否有办法停止这个?
这是我的代码:
<style>
/* Reset body padding and margins */
body
{
margin: 0;
padding: 0;
}
/* Make Header Sticky */
#header_container
{
background: #827878;
border: 1px solid #666;
height: 60px;
left: 0;
position: fixed;
width: 100%;
top: 0;
}
#header
{
line-height: 60px;
margin: 10 auto;
width: 940px;
text-align: left;
font-size: 26px;
color: #f5f5f5;
line-height: 28px;
margin-bottom: 14px;
font-family: 'Source Sans Pro',sans-serif;
}
/* CSS for the content of page. I am giving top and bottom
padding of …Run Code Online (Sandbox Code Playgroud) 我正在努力学习我的第一个jQuery脚本.我的页面上有一个DIV,可以通过CSS隐藏.然后,我有这个脚本运行,使其淡入,淡出,然后再次淡入:
<script type="text/javascript">
(function($) {
$(function() {
$('#abovelogo').fadeIn(1000).delay(2000).fadeOut(1500).delay(2000).fadeIn(1500);
});
})(jQuery);
</script>
Run Code Online (Sandbox Code Playgroud)
这部分工作正常.现在,我的问题:
如何更改它以便此脚本(永远)而不是仅运行一次循环?
提前致谢!-Nate
我在设置jCarousel时遇到了一些麻烦 -
基本上我希望它看起来像www.ripcurl.com.au/?home上的幻灯片放映
我已经实现了jCarousel - 但配置和导航按钮不正确.
您将看到jCarousel在第一张图像上开始,但随后跳过两张图像,然后落在该集合中的第四张图像上.我不确定为什么这样做?有任何想法吗?
其次 - 我无法在左下方发生默认的1,2,3,4,5导航.
我假设它与我的javascript函数有关(我不是很擅长)
<script type="text/javascript">
function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
carousel.startAuto(1);
});
carousel.buttonPrev.bind('click', function() {
carousel.startAuto(0);
});
// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
auto: 3,
wrap: 'both',
initCallback: mycarousel_initCallback
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
任何帮助将不胜感激.
你可以在这里查看格式: