Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > I wat to make the button move on mouseover

Reply
Thread Tools

I wat to make the button move on mouseover

 
 
Bill Thomason
Guest
Posts: n/a
 
      04-28-2005
I have a simple question. I know i've seen the code before but am unable to
find it.
when a user trys to click on a button i want it to move away from them. i
want to play a joke on one of our users. been hitting the button before
they're done.
don't remember if it was onmouseover or when focused.

Thanks,
Bill


 
Reply With Quote
 
 
 
 
Roy Schestowitz
Guest
Posts: n/a
 
      04-28-2005
Bill Thomason wrote:

> I have a simple question. I know i've seen the code before but am unable
> to find it.
> when a user trys to click on a button i want it to move away from them. i
> want to play a joke on one of our users. been hitting the button before
> they're done.
> don't remember if it was onmouseover or when focused.
>
> Thanks,
> Bill


See the CSS buttons in:

http://www.schestowitz.com/proj.htm

Change the values to make the movement greater as I don't think there is a
limit. Microsoft played a similar joke which only affects Firefox (see the
first 2 screenshots):

http://schestowitz.com/Weblog/archiv.../03/23/ie_ban/

Hope it helps,

Roy
 
Reply With Quote
 
 
 
 
Bill Thomason
Guest
Posts: n/a
 
      04-29-2005
found it. thanks for your help.
for anybody else that might want to use it.
here is the code i was sent. I modified it for what i wanted to do and
worked like a charm. koodos to Chris
Bill

<!-- TWO STEPS TO INSTALL SHY BUTTON:

1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var flag = 1;
function t() {
if(flag == 1) {
N.style.top = "75px";
N.style.left = "700px";
}
if(flag == 2) {
N.style.top = "115px";
N.style.left = "100px";
}
if(flag == 3) {
N.style.top = "300px";
N.style.left = "350px";
}
flag = flag + 1;
if(flag == 4) {
flag = 1;
}
}
function al() {
alert("Correct!");
}
// End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document -->

<BODY>

<center>
Is the JavaScript Source the best place to find JavaScripts?
</center>
<DIV ID="N" STYLE="position:absolute; left:350px; top:300px; width:50px;
height:50px;">
<form>
<input type=button value="NO" onMouseover="t()">
</form>
</DIV>
<DIV ID="Y" STYLE="position:absolute; left:300px; top:300px; width:50px;
height:50px;">
<form>
<input type=button value="YES" onClick="al()">
</form>
</DIV>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

"Roy Schestowitz" <> wrote in message
news:d4rn5c$1iun$...
> Bill Thomason wrote:
>
>> I have a simple question. I know i've seen the code before but am unable
>> to find it.
>> when a user trys to click on a button i want it to move away from them. i
>> want to play a joke on one of our users. been hitting the button before
>> they're done.
>> don't remember if it was onmouseover or when focused.
>>
>> Thanks,
>> Bill

>
> See the CSS buttons in:
>
> http://www.schestowitz.com/proj.htm
>
> Change the values to make the movement greater as I don't think there is a
> limit. Microsoft played a similar joke which only affects Firefox (see the
> first 2 screenshots):
>
> http://schestowitz.com/Weblog/archiv.../03/23/ie_ban/
>
> Hope it helps,
>
> Roy



 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
HOW WOULD I MAKE A BUTTON MOVE? justineee Java 1 12-05-2008 04:27 AM
Re: How can get button's name when cursor move over the button ona web page? Steve Holden Python 0 07-14-2006 01:22 PM
Re: How can get button's name when cursor move over the button ona web page? Fredrik Lundh Python 0 07-06-2006 06:16 AM
Wat is carrier transition....... sandi Cisco 2 01-18-2006 04:51 PM
wat is hub and spoke? binary Cisco 2 02-29-2004 03:44 AM



Advertisments
 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57