How to make a button with Rotating Text using JavaScript in ASP.Net (Part 15)

Search - Articles

Home
Dev Articles
Sample Chapters
Add a Listing
Contact

Dev Articles

ASP.NET (338)
C# (300)
SQL Server (53)
VB.NET (195)
Web Services (2)

Search Directory

ASP.Net AJAX
AJAX ToolKit
.NET Namespaces
Applications
Articles & Samples
Assembly & Controls
Community
Developer Sites
Downloads
Hosting Services
Introduction
Knowledge Base
Sample Chapters
WebCasts

ASP.NET

Applications
Articles & Samples
ASP.Net Sites
Assembly & Controls
Downloads
Errors & Bugs
Introduction
Knowledge Base
Sample Chapters
WebCasts

VB.Net

Articles & Samples
Downloads
Errors, Bugs & Fixes
Introduction
Knowledge Base
Sample Chapters
WebCasts

C-Sharp

Applications
Articles & Samples
C-Sharp Sites
Errors, Bugs & Fixes
Introduction
Knowledge Base
Sample Chapters
WebCasts

SQL Server

Applications
Articles & Samples
SQL Sites
Downloads
Errors, Bugs & Fixes
Introduction
Knowledge Base
Sample Chapters
WebCasts

FREE 12 month online training for ASP.NET & MS Expression Studio and a Free copy of MS Expression Web with Windows Server Purchase

How to make a button with Rotating Text using JavaScript in ASP.Net (Part 15)

Author: DevASP
Download Source Code : 407_Rotating_btn_text.zip

In this article you will learn that with little programming trick you can make button with rotating text button.

Write this code in head section

var speed = 100

var message = "Welcome DevASP Articles "

var s = 0

var l = message.length

document.write("<form name='btn'><input type='button' "

+"name='sc' value='"+ message +"'></form>")

function btnsc() {

document.btn.sc.value = message.substring(s,l) + message.substring(0,s)

s++

if (s >= l) {

s = 0

}

setTimeout("btnsc()",speed)

}

btnsc();

//-->

</script>

In this article the creation of button code is also in the head tag and you can say dynamically create button with code.

Article Comments

Aniket

Thanx DevASP. It Works Very Fine...
Please Suggest Me a Book for using Javascript in ASP.Net/C# as I am a Newbie in this field...

Posted on 8/2/2009 3:07:40 AM by Aniket

plz suggest to learn more about using Javascript

It realy nice code .

Posted on 2/3/2010 6:44:06 AM by plz suggest to learn more about using Javascript


Add Article Comment:
Name :
Email Address :

Comments :
	Send me an email about this article when other users post a Comment

<< How to Hide your Email Address from User using JavaScript in ASP.Net (Part 14)

How to create application with sliding messeges on Status bar using JavaScript in ASP.Net (Part 16) >>