使用javascript的网站的非响应部分

时间:2016-01-27 20:00:13

标签: javascript text responsiveness

我有一个没有响应的网站部分。除了这一个文本部分之外,整个站点都是响应的。它是带有java的滚动文本。

我尝试了一堆@media和大小限制,但没有任何作用。这是唯一不起作用的部分。



function initQuoteCarousel() {

    var $quotesWrapper = $(".cust-quotes");
    var $quotes = $quotesWrapper.find("blockquote");

    if (!$quotes.length) {
        return;
    }

    var selectNextQuote = function () {
        // keep move first quote in dom to the end to make continous
        var $quote = $quotesWrapper.find("blockquote:first").detach().appendTo($quotesWrapper);

        setTimeout(selectNextQuote, $quote.data("timeout"));
    };

    setTimeout(selectNextQuote, $quotes.filter(":first").data("timeout"));

}

$(function () {
    initQuoteCarousel();
});

body {
  font: 14px/20px Arial,sans-serif;
  color:#222;
}

.cust-quotes {
  width: 640px;
  height:100px;
  position:relative;
}

.cust-quotes blockquote {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 14px;
  text-align: center;
  opacity: 0;
  z-index: 0;
  transition: opacity 0.5s ease-out 0s, transform 0.5s ease-in 0s;
}

/* IE < 10 fallback */
.no-csstransitions .cust-quotes blockquote,
.no-csstransforms .cust-quotes blockquote {
   position:relative;
}

.cust-quotes blockquote:first-child {
    opacity: 0;
    transform: translateY(-10px) scale(1.1);
}
.cust-quotes blockquote:first-child + blockquote {
    opacity: 1;
    z-index: 1;
    transition: opacity 1.6s ease 0s;
}
.cust-quotes blockquote p{
  font-size:24px;
  font-weight:normal;
  font-style:italic;
  color:#353535;
  line-height: 30px;
  margin-bottom: 10px;
}
.cust-quotes blockquote p:before {
   content: '\201C';
}
.cust-quotes blockquote p:after {
   content: '\201D';
}
.cust-quotes blockquote cite {
    text-align: center;
    font-size: 14px;
    color: #898989;
}
.cust-quotes blockquote cite a {
  font-size:14px;
  font-weight:normal;
}



.container {
  
max-width:940px;
margin:0 auto;  

}

#testimonials {
  margin:0 auto;
  width:940px;

}
&#13;
  <section id="testimonials">

<div class="cust-quotes">
  <blockquote data-timeout="1800"><p>Thank you Scott! Our house is cool once again.<br> I have you on speed dial! </p><cite>David Creekmore</cite></blockquote>
  <blockquote data-timeout="1800"><p>The heating/ac system got another clean bill of health from Conrad's Climate Control today. Awesome company.</p><cite>Terry Friar</cite></blockquote>
  <blockquote data-timeout="1800"><p>Scott Conrad of Conrad's Climate Control is awesome! Made a service call in the evening and got my gas logs burning so we can enjoy a great - if fake smile emoticon - fire on this cold, cold evening! Great service - highly recommend him!!</p><cite>Marianne Walston</cite></blockquote>
</div>
  </section>
&#13;
&#13;
&#13;

0 个答案:

没有答案