小编Gab*_* GM的帖子

CSS Sticky标题

我在我的主页上添加了一个粘性标题,但是粘性标题似乎位于页面上其他内容的后面,因此当我向下滚动页面时,图像和文本位于标题的顶部,是否有办法停止这个?

这是我的代码:

<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)

html css header sticky

5
推荐指数
1
解决办法
2万
查看次数

如何重复(循环)Jquery fadein - fadeout - fadein

我正在努力学习我的第一个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

jquery delay fadeout fadein

4
推荐指数
1
解决办法
4万
查看次数

jCarousel自动滚动导航设置

我在设置jCarousel时遇到了一些麻烦 -

www.lovejungle.com/store

基本上我希望它看起来像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)

任何帮助将不胜感激.

你可以在这里查看格式:

www.sorgalla.com/projects/jcarousel/

jquery jcarousel

1
推荐指数
1
解决办法
1万
查看次数

标签 统计

jquery ×2

css ×1

delay ×1

fadein ×1

fadeout ×1

header ×1

html ×1

jcarousel ×1

sticky ×1