1  

The first step is to group all related parts together. See the HTML below. Note that title tags were replaced with heading tags. The title should be in the header of the page.

第一步是将所有相关部分组合在一起。请参阅下面的HTML。请注意,标题标签已替换为标题标签。标题应该在页面的标题中。

    
Test Title 1
    
Test Paragraph 1
    test link 1


    
Test Title 2
    
Test Paragraph 2
    test link 2


    
Test Title 3
    
Test Paragraph 3
    test link 3

Then, in CSS you need to hide them:

然后,在CSS中你需要隐藏它们:

section {
    display: none;
}

And, here's jQuery stuff:

而且,这是jQuery的东西:

$("section").eq(Math.floor(Math.random() * 3)).css("display", "block");

Here's jsfiddle: http://jsfiddle.net/Aej52/

这是jsfiddle:http://jsfiddle.net/Aej52/

0  

use jquery appendTo method

使用jquery appendTo方法

html code:

put this Javascript in onload event or document ready

把这个Javascript放在onload事件或文件准备好了

test link set yourself

测试链接设置自己

function showTitle(){
   var rand = Math.floor((Math.random() * 3) + 1);
   $("
      
Test Paragraph "+rand+"

      test link "+rand+""
    ).appendTo("#titleBox");
}

0  

Here is a plain Javascript version - no jquery, with working demo

这是一个简单的Javascript版本 - 没有jquery,有工作演示

HTML

Test Paragraph 1
test link 1

Test Paragraph 2
test link 2

Test Paragraph 3
test link 3

Javascript

// get references to elements in question, and store them...
var titles = document.getElementsByTagName("title");
var ps = document.getElementsByTagName("p");
var as = document.getElementsByTagName("a");

// every now and then, run a function...
setInterval(function(){
    // set all elements to display none
    for(i=0;i