2015-06-20 80 views
0

漸行漸遠的圖像在這個演示http://jsfiddle.net/pHJgP/8/圖像獲取與文本替換文本替換博客

我想這樣做的一個博客帖子http://myblog.blogspot.com/2015/06 /firstpost.html

這個代碼進入人體後:

<div id="outer"><img src="http://existdissolve.com/wp-content/uploads/2010/08/microsoft-logo-64x64.png"/></div> 
<div id="text" style="display:none">Text here</div> 

我在哪裏可以把這個代碼?

$(document).ready(function() 
    { 
     setTimeout(function() 
     { 
      $("div#outer").fadeOut("slow", function() 
      { 
       $("div#outer img").remove();     
       $("div#outer").html($("div#text").text()); 
       $("div#outer").show(); 
      }); 
     }, 3000); 
    }); 

我是否需要添加運算符來調用函數或動作在這個特殊的崗位http://myblog.blogspot.com/2015/06/firstpost.html打開的時候嗎?我在哪裏/如何添加該運算符或觸發器代碼?

還有什麼遺漏?

在提問之前,我已經閱讀了幾篇文章,在stackoverflow.com上,在w3schools.com等實驗,但由於缺乏知識失敗。

+0

的可能重複[我怎麼會在我的HTML結構用這個?](http://stackoverflow.com/questions/20939203/how-would-i-use-this-in -my-html-structure) – usr2564301

+0

可能的重複---我的問題可能會有所不同。它適用於blogspot - blogger,由於缺乏知識,我無法應用來自http://stackoverflow.com/questions/20939203/how-would-i-use-this-in-my-html-structure的答案對我來說。 – elcont

回答

0

將此代碼略高於或之前</head>

<script src='http://code.jquery.com/jquery-1.7.2.js'/> 
<script type='text/javascript'> 
$(document).ready(function() 
    { 
     setTimeout(function() 
     { 
      $("div#outer").fadeOut("slow", function() 
      { 
       $("div#outer img").remove();     
       $("div#outer").html($("div#text").text()); 
       $("div#outer").show(); 
      }); 
     }, 3000); 
    }); 
</script> 

注:1.7.2從演示的左上角採取http://jsfiddle.net/pHJgP/8/

1.7.2如果沒有工作,嘗試其他版本。

我不是專業人士。這就是我從實驗中得知的。

我可能是錯的