I have tried several methods to blink text on my website. Some of them include CSS methods or Java Scripts. But none of them is 100% functional in all browsers. Especially Java Script method doesn't work if scripts are turned off in any browser. So here i have found an interesting trick to blink text by using simple HTML. most of you might have used this thing but never utilized it in this way.
There is an example below to show how we can blink text by using simple HTML. First i have written the HTML code and the below is its output.
<table border="0" cellspacing="0" style="width: 200px;"><tbody>
<tr><td>
<marquee style="height:20;width:200" scrollamount="200" scrolldelay="500">Blinking Text!</marquee>
</td></tr>
</tbody></table>
The code shown above is just a marquee to work in such a way that you feel like that the text is blinking. If you have ever done programming then might find this code interesting and you will understand it to a greater extent.
Note: In the code above with of the table, width of marquee and scroll amount should be same. You may change the other things in the code to make it look better.
If you want to put a hyperlink on the blinking text then use the <a> tag as we use in simple HTML, but use it outside <marquee> . If you use it inside <marquee> then hyperlink will go off and on with text.
Just use the simple HTML tags around the blink text to decorate it. For example
<table border="0" cellspacing="0" style="width: 300px;"><tbody>
<tr><td>
<marquee style="height:50;width:300" scrollamount="300" scrolldelay="500"><font color="Red">
<span style="font-size:25px;"><b>Blinking Text!</b></span></font></marquee>
</td></tr>
</tbody></table>
Blink Text in HTML
There is an example below to show how we can blink text by using simple HTML. First i have written the HTML code and the below is its output.
HTML
<table border="0" cellspacing="0" style="width: 200px;"><tbody>
<tr><td>
<marquee style="height:20;width:200" scrollamount="200" scrolldelay="500">Blinking Text!</marquee>
</td></tr>
</tbody></table>
Output
The code shown above is just a marquee to work in such a way that you feel like that the text is blinking. If you have ever done programming then might find this code interesting and you will understand it to a greater extent.
Note: In the code above with of the table, width of marquee and scroll amount should be same. You may change the other things in the code to make it look better.
How to make Hyperlink on Blinking Text
If you want to put a hyperlink on the blinking text then use the <a> tag as we use in simple HTML, but use it outside <marquee> . If you use it inside <marquee> then hyperlink will go off and on with text.
How to decorate the Blinking Text
Just use the simple HTML tags around the blink text to decorate it. For example
HTML
<table border="0" cellspacing="0" style="width: 300px;"><tbody>
<tr><td>
<marquee style="height:50;width:300" scrollamount="300" scrolldelay="500"><font color="Red">
<span style="font-size:25px;"><b>Blinking Text!</b></span></font></marquee>
</td></tr>
</tbody></table>
Is it blinking. It is carolling not blinking
ReplyDeletethis post really good. I've used alone to get motion text in firefox browser. Thanks
ReplyDelete