+- Sinisterly (https://sinister.ly)
+-- Forum: Coding (https://sinister.ly/Forum-Coding)
+--- Forum: Coding (https://sinister.ly/Forum-Coding--71)
+--- Thread: how to create text rotation in html (/Thread-how-to-create-text-rotation-in-html)
Pages:
1
2
RE: how to create text rotation in html - killerOfCode - 05-29-2012
There is no way to do that in html unless you are talking about a marquee
RE: how to create text rotation in html - hoxy - 05-30-2012
Thanks for assistance
Now I've found a code
and believe that this code will be like that every programmer
now I've almost finished my design
And once I finish work on my website will invite you to give your assessment
tutorial http://www.codeproject.com/Articles/69675/Text-To-Image-With-Rotation-For-The-Web
<code>
<style type="text/css">
/*<![CDATA[*/
body {
color:#000;
background-color:#000;
}
#quotes {
margin:100px auto;
font-family:verdana,arial,helvetica,sans-serif;
font-size:16px;
font-style:oblique;
color:#333;
width:324px;
padding:10px;
line-height:26px;
border:1px solid #FFD;
background-color:#000;
text-align:left;
}
#quotes span {
color:#963;
};
/*//]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
var quote=new Array();
quote[0]='SECURE ALBANIAN HISTORIA<br /> <span>number one</span>'; /* add as many quotes as you like!*/
quote[1]='SECURE ALBANIAN HISTORIA<br /> <span>number two</span>';
quote[2]='SECURE ALBANIAN HISTORIA<br /> <span>number three</span>';
quote[3]='SECURE ALBANIAN HISTORIA<br /> <span>number four</span>';
quote[4]='SECURE ALBANIAN HISTORIA<br /> <span>number five</span>';
quote[5]='SECURE ALBANIAN HISTORIA<br /> <span>number six</span>';
quote[6]='SECURE ALBANIAN HISTORIA<br /> <span>number seven</span>';
quote[7]='SECURE ALBANIAN HISTORIA<br /> <span>number eight</span>';
quote[8]='SECURE ALBANIAN HISTORIA<br /> <span>number nine</span>';
quote[9]='SECURE ALBANIAN HISTORIA<br /> <span>number ten</span>';
var speed=2000; /*this is the time in milliseconds adjust to suit*/
var q=1;
function showQuote() {
document.getElementById("quotes").innerHTML=quote[q];
q++;
if(q==quote.length) {
q=0;
}
}
setInterval('showQuote()',speed);
//]]>
</script>
</code>
RE: how to create text rotation in html - hoxy - 05-30-2012
Thanks for assistance
Now I've found a code
and believe that this code will be like that every programmer
now I've almost finished my design
And once I finish work on my website will invite you to give your assessment
tutorial http://www.codeproject.com/Articles/69675/Text-To-Image-With-Rotation-For-The-Web
<code>
<style type="text/css">
/*<![CDATA[*/
body {
color:#000;
background-color:#000;
}
#quotes {
margin:100px auto;
font-family:verdana,arial,helvetica,sans-serif;
font-size:16px;
font-style:oblique;
color:#333;
width:324px;
padding:10px;
line-height:26px;
border:1px solid #FFD;
background-color:#000;
text-align:left;
}
#quotes span {
color:#963;
};
/*//]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
var quote=new Array();
quote[0]='SECURE ALBANIAN HISTORIA<br /> <span>number one</span>'; /* add as many quotes as you like!*/
quote[1]='SECURE ALBANIAN HISTORIA<br /> <span>number two</span>';
quote[2]='SECURE ALBANIAN HISTORIA<br /> <span>number three</span>';
quote[3]='SECURE ALBANIAN HISTORIA<br /> <span>number four</span>';
quote[4]='SECURE ALBANIAN HISTORIA<br /> <span>number five</span>';
quote[5]='SECURE ALBANIAN HISTORIA<br /> <span>number six</span>';
quote[6]='SECURE ALBANIAN HISTORIA<br /> <span>number seven</span>';
quote[7]='SECURE ALBANIAN HISTORIA<br /> <span>number eight</span>';
quote[8]='SECURE ALBANIAN HISTORIA<br /> <span>number nine</span>';
quote[9]='SECURE ALBANIAN HISTORIA<br /> <span>number ten</span>';
var speed=2000; /*this is the time in milliseconds adjust to suit*/
var q=1;
function showQuote() {
document.getElementById("quotes").innerHTML=quote[q];
q++;
if(q==quote.length) {
q=0;
}
}
setInterval('showQuote()',speed);
//]]>
</script>
</code>