隨意旋轉的跨度

我想文字<span>改爲七個大塊文本的一個內容。我找到了一個教程，可以幫助我使用下面的Javascript來完成它，但是，它依賴於保存在<ul>中的選擇。我認爲我不能這樣做，因爲我需要將已更改的文本顯示在已存在的段落中。隨意旋轉的跨度

我想有可能是給跨度ID的方式，然後，JavaScript的範圍內，設置不同的選項內容可能。

我只希望更改網頁加載隨機發生的或刷新，沒有什麼複雜的東西有它發生在用戶輸入或定時器。

下面是我在教程中的腳本，也許這只是一個簡單的修正的情況。儘管我是一個新手，但我不知道從哪裏開始，除非拼寫出來。

<script type="text/javascript"> 

this.randomtip = function(){ 
    var length = $("#tips li").length; 
    var ran = Math.floor(Math.random()*length) + 1; 
    $("#tips li:nth-child(" + ran + ")").show(); 
}; 

$(document).ready(function(){ 
    randomtip(); 
}); 

</script>

來源

2013-08-07 Edd Tillen

如果您使用JQuery，隨時添加JQuery的標籤。因爲'（JavaScript == JQuery）&&（JavaScript！== JQuery）=== true;' –

事情是這樣工作的：

的Javascript

<script type="text/javascript"> 
    $(document).ready(function() { 

     // hide all of the tips 
     $('#tips').children('.tip').hide(); 

     // randomly select one tip to show 
     var length = $("#tips .tip").length;  
     // **EDIT ** 
     // This code was buggy! 
     //var ran = Math.floor(Math.random()*length) + 1; 
     //$("#tips .tip:nth-child(" + ran + ")").show(); 
     // Use this instead: 
     var ran = Math.floor((Math.random()*length)); 
     $('#tips > .tip:eq('+ran+')').show(); 
    }); 
</script>

HTML

<p id="tips"> 
    <strong>Random Tip: </strong> 
    <span class="tip">This is tip 1.</span> 
    <span class="tip">This is tip 2.</span> 
    <span class="tip">This is tip 3.</span> 
    <span class="tip">This is tip 4.</span> 
    <span class="tip">This is tip 5.</span> 
    <span class="tip">This is tip 6.</span> 
    <span class="tip">This is tip 7.</span> 
</p>

來源

2013-08-07 14:57:21 Drew

非常出色，正是我所追求的。非常感謝您的幫助。 –

隨意旋轉的跨度

回答

相關問題