jquery to achieve the title has a typing effect of the focus map code _jquery

The example of this article is about the focus chart code that the jquery implementation title has typing effect. Share to everyone for your reference, specific as follows:

To share a focus based on the jquery title has the effect of typing, with the title of the form of typing gradually display function. This focus map is suitable for browsers: IE8, 360, FireFox, Chrome, Safari, Opera, Proud tour, Sogou, the window of the world.

The screenshot of the running effect is as follows:

The online demo address is as follows:

http://demo.jb51.net/js/2015/jquery-title-print-style-flash-codes/

Full instance code code click here to download the site.

The HTML code is as follows:

<!--code start--> <div id= "header" > <div class= "wrap" > <div id= "Slide-holder" > <div id= "slide -runner "> <a href=" # "target=" _blank "> </a> <a href= "#" target= "_blank" > </a> <a href=" # "target=" _blank "> </a> <a href=" # "target=" _blank "> </a> <a href=" # "target=" _blank "> </a> <a href=" # "target=" _blank "> </a> <a href=" # "target=" _blank "> </a> <div id=" Slide-controls "> <p id=" slide-client "class=" text "> <strong>< /strong><span></span> </p> <p id= "Slide-desc" class= "text" > </p> <p ID

 = "Slide-nav" > </p> </div> </div> </div>

The JS code is as follows:

if (!window.slider) {
 var slider = {};
}
Slider.data = [
{
  "id": "slide-img-1",///the IMG tag ID in slide-runner corresponds to
  "client": "Heading 1",
  "desc": "Modify the description here Here modify the description here to modify the description "//Here Modify the description
},
{
  " id ":" slide-img-2 ",
  " client ":" Title 2 ","
  desc ":" Add your Description here "
},
{
  " id ":" slide-img-3 ",
  " client ":" Heading 3 ",
  " desc ":" Add your description Here "
},
{
  " id ":" slide-img-4 ",
  " client ":" Heading 4 ",
  " desc ":" Add your description here "
} ,
{
  "id": "slide-img-5", "
  Client": "Heading 5",
  "desc": "Add your description here"
},
{
  "id": "slide-img-6", "
  Client": "Heading 6",
  "desc": "Add your description here"
},
{
  "id": " Slide-img-7 ",
  " client ":" Title 7 ",
  " desc ":" Add your description here "
}
];

I hope this article will help you with the jquery program design.