473,797 Members | 3,199 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

moving text on the screen with javascript

Death Slaught
1,137 Top Contributor
Here comes the headaches.


Ok I need to know how to do the following. (I think my brains gona fall out.....please don't just give me the answer but talk me through it so I can understand it.)



I need to know how to make text scroll across a limited amount of space across the screen.

I need to know how to put pauses(or reduce the speed) of/in the text.

Also I need to insert this into certain words.

[HTML]<html>
<head>
<script>
function startEQ()
{
richter=5
parent.moveBy(0 ,richter)
parent.moveBy(0 ,-richter)
parent.moveBy(r ichter,0)
parent.moveBy(-richter,0)
timer=setTimeou t("startEQ()",1 0)
}
function stopEQ()
{
clearTimeout(ti mer)
}
</script>
</head>
<body>

<form>
<input type="button" onclick="startE Q()" value="Start an earthquake">
<br />
<br />
<input type="button" onclick="stopEQ ()" value="Stop the earthquake">
</form>

</body>
</html>[/HTML]

but I want it to happen on certain words, and the user doesn't/can't click any thing.

I also need to know how to decorate the scrolling text, like change its color, make it glow.....etc.

And it needs to go from right to left.

And on certain words I need to know how to change the background's color/image.

--------------------------------------------------------------------------------------------------------------------

What I want this for is a music video, and the text scrolling below it is the lyrics.

Thanks, Death
Oct 11 '07 #1
5 2834
gits
5,390 Recognized Expert Moderator Expert
hi ...

i splitted this post from the original thread since it concerns a very different topic ...

kind regards
Oct 12 '07 #2
Death Slaught
1,137 Top Contributor
hi ...

i splitted this post from the original thread since it concerns a very different topic ...

kind regards
Thanks

- Death
Oct 12 '07 #3
acoder
16,027 Recognized Expert Moderator MVP
Put the words in a span/div and change the top and left properties.
Oct 15 '07 #4
Death Slaught
1,137 Top Contributor
Put the words in a span/div and change the top and left properties.
A: How do I change the top and left properties I googled it, and I get CSS.

B: how do I add the earthquake effect on certain words???

I don't want the answer, but can you atleast point me in the right direction. ( examples are always great lol).


Thanks, Death
Oct 15 '07 #5
acoder
16,027 Recognized Expert Moderator MVP
A: How do I change the top and left properties I googled it, and I get CSS.
You would use the style property, e.g.:
Expand|Select|Wrap|Line Numbers
  1. element.style.left = (parseInt(element.style.left) + 5) + "px";
Oct 15 '07 #6

Sign in to post your reply or Sign up for a free account.

Similar topics

2
3169
by: upro | last post by:
Hi! I'm totally new to JavaScript, and haven't been able to find the answer to that on the web: I have an image and want to use an imagemap in a way that when the cursor touches a certain point there's some text (possibly moving/scrolling) displayed on/over the image. In concrtene: I have a face, and when touching the eye with the cursor
27
2279
by: C Gillespie | last post by:
Dear All, Hopefully I have a simple problem. Basically, I just want to alter some text with JS. Here is some of my test code: <snip> <script type="text/javascript"> var tmp='a';
10
47536
by: korund | last post by:
We can use special characters ('\n') to add line breaks in text in JavaScript popup Alert boxes. there is also few additional special characters: \' single quote \" double quote \& ampersand \\ backslash \n new line
1
11069
by: mmalloc | last post by:
I have the following code to move some text with javascript that works both on ie and ff. I can't make it XHTML compatble. If i remove the doctype info it will work. I'm sorry to bother with such simple question but is there someone to see where am i wrong? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
1
8589
by: bblondy66 | last post by:
i am creating a " Hello World" program. i need to make it loop and have it bounce from one side of the screen to another in command prompt. I have no idea how to do this.....i am so lost and my teacher needs this program done by wendsday. help please and thank you for all that do. to have the phrase "hello world" on the screen i can do but to loop it im lost. thank you
5
64258
by: austincollins | last post by:
I have been searching for hours to find a solution to display text rotated at 90 degrees in firefox, and could not find one. css3 and IE has the css command "writing-mode: tb-rl;" but this does not work in firefox. i came to conclusion that SVG is the solution. I have been playing with SVG for few hours now and it is brilliant, you can do graphics and animation like flash but text and javascript based!. anyway check this out, this is one...
3
1721
by: mrrolf | last post by:
Hi all! I have some pictures on a page that I'm moving around with javascript. I'm just setting the style.top member. I don't want the image to overflow the parent container if I move it to a 'bad' position. I'm setting the overflow attribute in the style, but I'm still seeing the image go outside of the boundaries. Any idea's what I'm missing? var Obj = document.getElementById( "imageId1" ) if( Obj ) { var currPosValue = 0;
3
2275
by: RuthC | last post by:
How to create a warped text using javascript? Is it possible..? pls help me ...
5
1951
by: neogazz | last post by:
I am trying to a pass "text sentence" from a JavaScript function into my XHTML program is this possible?? 3134 Please see attached attached JavaScript coding. The reason why I am trying to pass text from JavaScript to my XHTML program is, because depending on whether or not a certain input field is filled out or not I want certain text to be displayed within my XHTML page... Regards Gary Wilson
0
9685
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9537
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10246
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
10209
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
10023
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
9066
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
6803
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5459
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
3
2934
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.