Text auto slide information box using javascript
Text auto slide information box using javascript
Text auto slide information box using javascript
This is a very simple information box using JavaScript which will have an array of text. These texts inside the array will be displayed as slideshow using setTimeout(). You can add any number of messages by adding new array name, For example here you can add new messages by assigning array like notices[9], notices[10] etc.,
notices[1] = "Welcome to Mistonline.in Website"; notices[2] = "One of the biggest website that provide web based tutorials"; notices[3] = "Free and effective tutorials on all famous programming languages"; notices[4] = "PHP, Javascript, Ajax, Mysql, PERL, Apache etc.,"; notices[5] = "New tutorials added every month"; notices[6] = "More than 200 tutorials. "; notices[7] = "All are effective and working tutorials, which are tested in our servers."; notices[8] = "We are growing each day, with 85% new visits every month.";
DOWNLOAD THE JS part from here
This is our HTML with some CSS
<title>Slideshow Script Using Javascript</title> <style> input{ background-color : #d1d1d1; color: #ff0000; font-weight: bold; font-size:30px; width: 1200px; height: 122px; border:20px solid #9ecaed; border-radius:7px; } </style> <script type='text/javascript' src='https://mistonline.in/wp/demo/my.js'></script> <FORM name="messages"> <input type="text" height="48" readonly name="field" size=80> </FORM>
Take a look at the demo 🙂
DEMO
Incoming search terms:
- auto text slider (37)
- javascript information box (29)
- jquery automatic text slider (18)
- text auto slider (18)
- javascript text slide (16)
- auto slide text (13)
- jquery text auto slider (10)
- auto text slider javascript (7)
- yhs-per_001 (3)
- text slider javascript (2)
- text js slider (1)
- text slide java (1)
- text slider in javascript (1)
- text slider in php (1)
- text slider js (1)
- text slider php (1)
- text slider using javascript (1)
- text sliding through javascript html (1)
- textual slideshow in javascript mysql (1)
- slider with text in php (1)
- slide up text box java (1)
- box slider using simple javascript (1)
- javascript text info box (1)
- javascript text slider (1)
- javascript text slideshow (1)
- javasscript slide text (1)
- jquery simple automatic text slider (1)
- js info slider (1)
- js slide information (1)
- script slide textbox (1)
- scripts click to slide text (1)
- SLIDE OUT BOX auto (1)
- auto slide script for text (1)