Question

我正在尝试在我创建的启动页面上创建淡出，该页面混合到我网站的主页面中。我的网站是：http://www.simonsamuel.com/

我正在使用的jQuery代码是：

<script type="text/javascript">
    $("#splash").click(function() {
        $("#splash").fadeOut("slow");
    });
</script>

这是CSS代码：

#splash {
    background-color: #ffffff;
    background-image: url(http://i.imgbox.com/Al4c3tZ5.png);
    background-position: center;
    background-repeat: no-repeat;
    position: fixed;
    top: -60px; 
    right: 0; 
    bottom: 0; 
    left: 0;
    z-index: 99999;
}

我尝试了很多不同的代码，但我找不到适合我网站的代码。出于好奇，我想知道是否可以用jQuery改变网页标题？我想让标题栏大写字体。

非常感谢帮助，谢谢！

Answer 1

当我查看您的源代码时，我看到了：

<br />
$(document).ready(function() {<br />
    $('#splash').click(function() {<br />
        $('#splash').fadeOut(2000);<br />
    });<br />

为什么代码中有换行符？那个HTML代码。

除了你的代码不完整

$(document).ready(function() {
    $('#splash').click(function() {
       $('#splash').fadeOut(2000);
    }); // forgot these
}); // or these

Answer 2

我设置了一个小提琴来演示基础知识 - http://jsfiddle.net/jayblanchard/nBdkU/

$(document).ready(function () {
    $('#splash').css('opacity', '0.5'); // doing this with jQuery for ease

    // here are the basics, just like your existing code
    $("#splash").click(function () {
        $("#splash").fadeOut("slow"); // you could also use $(this).fadeOut('slow');
    });
});

在加载页面时看到控制台我收到一个语法错误，指出了@ Puzzle84指出的相同问题 -

<script type="text/javascript"><br />
$(document).ready(function() {<br />
$('#splash').click(function() {<br />
    $('#splash').fadeOut(2000);<br />
  });<br />
</script>

所有这些换行都需要删除。然后，正如他所指出的那样，在结束脚本标记之前需要另一组右括号（}）; ）。当我点击启动元素时，它会消失并显示您的网站。如果您有想要在splash元素中显示的内容，那么您只需要为这些内容获得CSS定位。

控制台中还指出了其他错误（Cargo.View.Main未定义）

对于标题位，你可以做一些纯JavaScript或一点点jQuery -

document.title = 'the page title'; // changes the title
document.title.toUpperCase(); // sets title to upper case

$(document).attr('title', 'the page title'); // changes the title
$(document).attr('title').toUpperCase(); // sets to upper case

淡出飞溅页面

2 个答案: