Javascript引用。。。淡入淡出

Javascript引用。。。淡入淡出,javascript,jquery,html,css,Javascript,Jquery,Html,Css,下午好,第四天快乐,我在使用javascript时遇到了一些问题……我是一个初学者,正在使用这个特定的在线示例,介绍如何获得多个引用的淡入淡出 我已经实现了HTML/Javascript/CSS…但是当使用chrome检查我的页面时,似乎什么都没有发生。。。有人能帮我做些什么改变,或者其他JS示例更好吗 我尝试的80%的Js代码似乎总是无法出现在我的网页上……或者是我的HTML或css。。。布拉格-F 第一句话 第二句话 (功能(){ var报价=$(“.quotes”); var quot

下午好,第四天快乐,我在使用javascript时遇到了一些问题……我是一个初学者,正在使用这个特定的在线示例,介绍如何获得多个引用的淡入淡出

我已经实现了HTML/Javascript/CSS…但是当使用chrome检查我的页面时,似乎什么都没有发生。。。有人能帮我做些什么改变,或者其他JS示例更好吗

我尝试的80%的Js代码似乎总是无法出现在我的网页上……或者是我的HTML或css。。。布拉格-F



第一句话
第二句话
(功能(){
var报价=$(“.quotes”);
var quoteIndex=-1;
函数showNextQuote(){
++报价索引;
quotes.eq(quoteIndex%quotes.length)
fadeIn先生(2000年)
.延迟(2000年)
.fadeOut(2000年,showNextQuote);
}
showNextQuote();
})();
.quotes{显示:无;}

它对我来说非常好,请参见此链接

一模一样

(function() {

    var quotes = $(".quotes");
    var quoteIndex = -1;

    function showNextQuote() {
        ++quoteIndex;
        quotes.eq(quoteIndex % quotes.length)
            .fadeIn(2000)
            .delay(2000)
            .fadeOut(2000, showNextQuote);
    }

    showNextQuote();

})();

将css/javascript放在css和javascript标记中,或放在外部文件中,确保已将jquery库链接到html,并将代码放在$(document).ready()函数中;Osama,谢谢你……我有一个jquery文件,并通过另一个示例获得了成功,但是你的意思是将上面jv脚本开头显示的“(function(){)”替换为您提到的“$(document).ready()function;”不客气,我的意思是将所有脚本内容放在$(document).ready(function(){//your code})中,因为“(函数(){…}())”是一个匿名函数,应该是自调用的。谢谢mina…使用代码笔…它工作得很好…但是…当使用文件和google chrome…它似乎不适用于大多数javascript编码。womp womp。你知道这可能是什么原因吗?是chrome还是文件?我们公司的第一句话第二句话欢迎我们的Comapnay first quote second quote网站成分:页面(HTML)

样式表(CSS)

计算机代码(JavasScript)

实时数据(文件和数据库)

嘿,从上面的html链接看,你好像没有引用jquery!你在哪里包含了jquery js文件?如果你已经包含了它,你在浏览器的开发工具中有错误吗?如果有错误,你可以附加错误吗?Hi mina。通过示例,我已经能够使用jquery了…但是你如何包含“$(文档)呢.ready(function(){“来自jquery文件,以及另一个使用特定褪色引号的javascript文件的脚本?我直到习惯了JS和jquery…还尝试了以下方法:$(document).ready(function(){var quotes=$(“.quotes”);var quoteIndex=-1;function showNextQuote(){++quoteIndex;quotes.eq(quoteIndex%quotes.length).fadeIn(2000).delay(2000).fadeOut(2000,showNextQuote);}showNextQuote();​
(function() {

    var quotes = $(".quotes");
    var quoteIndex = -1;

    function showNextQuote() {
        ++quoteIndex;
        quotes.eq(quoteIndex % quotes.length)
            .fadeIn(2000)
            .delay(2000)
            .fadeOut(2000, showNextQuote);
    }

    showNextQuote();

})();