Javascript jqueryslider与浏览器的兼容性

Javascript jqueryslider与浏览器的兼容性,javascript,jquery,html,css,browser,Javascript,Jquery,Html,Css,Browser,我刚刚在我的网站标题中安装了滑块幻灯片放映脚本。我现在与浏览器的兼容性有问题。在刷新后的第1秒,chrome中的页面看起来像是半个白色背景,标题仍然没有加载 使用opera浏览器刷新后的第1秒,因为您看到所有背景均为白色,徽标和标题未加载: FireFox应该是什么样子没有问题: 还有,我的设计很糟糕,没有圆角,没有透明的菜单,没有颜色的按钮,幻灯片根本没有加载 这是我的使用js的地方 <head> <meta http-equiv="Content-Type" conte

我刚刚在我的网站标题中安装了滑块幻灯片放映脚本。我现在与浏览器的兼容性有问题。在刷新后的第1秒,chrome中的页面看起来像是半个白色背景,标题仍然没有加载

使用opera浏览器刷新后的第1秒,因为您看到所有背景均为白色,徽标和标题未加载:

FireFox应该是什么样子没有问题:

还有,我的设计很糟糕,没有圆角,没有透明的菜单,没有颜色的按钮,幻灯片根本没有加载

这是我的使用js的地方

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Efektyvi reklama socialiniame tinkle Facebook</title>
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
        <!-- Attach necessary JS -->
        <script type="text/javascript" src="jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="jquery.orbit-1.2.3.min.js"></script>    

            <!--[if IE]>
                 <style type="text/css">
                     .timer { display: none !important; }
                     div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
                </style>
            <![endif]-->

        <!-- Run the plugin -->
        <script type="text/javascript">
            $(window).load(function() {
                $('#featured').orbit();
            });
        </script>
</head>
我发现问题文件为什么opera和chrome没有加载,这一行我添加了滑块。如果我将其删除,则会成功运行。我不能在这里输入代码,因为它太长了。我上传到这里:我什么都不懂这个代码

也许你能推荐其他的滑块吗


非常感谢。

建议您将所有外部JavaScript包含内容移动到页脚。这个建议的理由是合理的,而且相当简单。在下载、解析和执行脚本之前,不会呈现非异步或延迟脚本标记下面的任何内容

脚本阻塞有很多技术原因。执行脚本时需要一个稳定的DOM。浏览器需要确保document.write有效

您可以在此处找到有关jQuery瓶颈的更多信息:

Wy您使用的是如此古老的Jquery版本吗?谢谢您的回答。我找到了这个滑块并使用了它,这就是为什么,你们能推荐另一个吗?谢谢你们的回答。如何使用document.write?document.write是一种提供将字符串合并到页面HTML内容的方法。您不必担心,只需将外部JavaScript包含标记移动到页脚区域即可。