几秒钟后淡出blogspot网站标题和网站描述

时间:2015-09-02 20:49:17

标签: jquery

我添加了此代码,它运行正常。但它开始影响其他停止正常工作的事情。以下代码中是否有错误?

<script src='http://code.jquery.com/jquery-1.9.1.js'/>
<script type='text/javascript'>
$(document).ready(function()
{$("h1").fadeTo(4000,0);});
</script>

2 个答案:

答案 0 :(得分:0)

根据你的问题:

  

我添加了此代码,它运行正常。但它开始影响其他人   停止正常工作的事情。是否有错误   以下代码?

你说你添加了这段代码,你在哪里添加它?如果没有更多的代码或解释,很难解决什么是错误的(如果有什么事情出错的话)。

我能想到的是,您的页面中有多个<h1></h1>标记,代码会影响所有标记,您只想影响第一个。另一方面,如果你在另一个jquery脚本标记之后添加了该代码(可能是在标题中加载了jquery,然后你用这个代码第二次添加了它?),你可能会覆盖jquery并丢失海关插件

除此之外,没有代码,对此没什么好说的。

您正在添加两次jquery lib,而且似乎您正在丢失添加到其中的一些插件。删除以下行:

<script src='http://code.jquery.com/jquery-1.9.1.js'/>

答案 1 :(得分:0)

在我的博客博客中,由于某种原因,这个<script src='http://code.jquery.com/jquery-1.9.1.js'/>干扰了我博客点的其他元素。它的去除阻止了褪色效应。

尝试这个之后,我找到了针对我的特定情况的不同解决方案。

我使用动画消失了blogspot site-title并在几秒钟后隐藏了blogspot网站描述。

.site-title a {
font: bold 36px/36px 'PT Sans', Arial, sans-serif;
margin: 36px 0 14px 40px;
float: left;
color: #fff;
background-color: black !important;padding: 8px;
animation-name: example22;
animation-duration: 10s;
-webkit-animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in;
}

.site-description {
clear: both;
font: bold 20px/20px 'PT Sans', Arial, sans-serif;
margin: 0 0 0 40px;
color: #fff;
background-color: black; width: 423px;padding: 8px;
animation-name: example22;
animation-duration: 10s;
-webkit-animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in;
}

@keyframes example22 {
    from {background-color: black;}
    to {background-color: transparent;}
    from {color: #fff;}
    to {color: transparent;}
}

我不是专业人士,这可能是坏事还是错事。所以要小心,即使它在我的blogspot上完美运行

祝你好运