2011-05-13 54 views
1

我在尋找使照片在一定時間後出現在網站上的代碼。這個代碼我想在網站上出現一定的時間:使照片在一定時間後出現的代碼

<div style="float:left;"><a href="https://www.2checkout.com/checkout/purchase?sid=1401348&quantity=1&product_id=8" rel="nofollow""><img src="http://www.interestingquestionstoaskagirl.msl37.org/wp-content/esg7/m-12.gif" title="" width="148" height="25" class="alignnone size-full wp-image-155" /></a></div> 
<div style="float:right;"><a href="http://www.msl37.org/wp-content/d/5.htm" rel="nofollow"><img src="http://www.interestingquestionstoaskagirl.msl37.org/wp-content/esg7/kas-34.jpg" title="" width="148" height="25" class="alignnone size-full wp-image-160" /></a></div> 

我沒有經驗的JavaScript或Web開發放我希望你能幫助我。 感謝上提前

+0

[do-it-for-me]是一個標籤? – Neal 2011-05-13 14:36:46

回答

3

你可以做到這樣(演示=>http://jsfiddle.net/steweb/EqZ88/):

換行HTML包裝內的div即

<div id="wrapper"> 

    <div style="float:left;"><a href="https://www.2checkout.com/checkout/purchase?sid=1401348&quantity=1&product_id=8" rel="nofollow"><img src="http://www.interestingquestionstoaskagirl.msl37.org/wp-content/esg7/m-12.gif" title="" width="148" height="25" class="alignnone size-full wp-image-155" /></a></div> 
    <div style="float:right;"><a href="http://www.msl37.org/wp-content/d/5.htm" rel="nofollow"><img src="http://www.interestingquestionstoaskagirl.msl37.org/wp-content/esg7/kas-34.jpg" title="" width="148" height="25" class="alignnone size-full wp-image-160" /></a></div> 

</div> 

,然後添加此CSS規則

#wrapper{ 
    display:none; /*wrapper and its content does not appear when user loads the page */ 
} 

最後,通過javascript,讓它們在幾秒鐘後出現(5 ie)

setTimeout(function(){ 
    document.getElementById('wrapper').style.display = "block"; 
},5000); 

p.s.還有一個"在您的標記中的第一個a元素末尾

+0

@ stecb,謝天謝地,它真的很有魅力。 – michael 2011-05-13 15:33:05

+0

嘿,它真的很像HTML頁面中的魅力,但似乎沒有在WP頁面上工作(我猜是因爲JavaScript),請你幫我解決這個問題。感謝提前。 – michael 2011-05-13 23:31:50

+0

嘿,它在HTML頁面中的作用像一個魅力,但它似乎沒有在WP頁面上工作(我猜是因爲JavaScript),我嘗試了一些WP插件在WP上運行Java(插件名爲AYB Javascript In Posts)但它不起作用,我也嘗試使用這個代碼來包含 Java文本,但它沒有工作太多,你請幫我解決這個問題。 – michael 2011-05-13 23:38:05

相關問題