473,508 Members | 2,374 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Mouseover html, please

7 New Member
Will someone give me the code for "mouseover." 2 pictures stacked....one a before, the second one an after. All I can do is copy and paste it because I know nothing about coding. I'm learning on my own.
Feb 22 '07 #1
12 2050
The1corrupted
134 New Member
Try this... using css...
Expand|Select|Wrap|Line Numbers
  1. <img src="yourimage.gif" style="hover:img(url:yourotherimage.gif)">
  2.  
Feb 22 '07 #2
AricC
1,892 Recognized Expert Top Contributor
Try this... using css...
Expand|Select|Wrap|Line Numbers
  1. <img src="yourimage.gif" style="hover:img(url:yourotherimage.gif)">
  2.  
That doesn't work.
Feb 22 '07 #3
Liasson
7 New Member
Oh I don't know coding...what is css?

If I explain my situation, maybe you can help me?

I build my websites on MS Publisher, the same way I would using Pagemaker. When I finish, I save it to the web format. At that point, it makes index files for me. I then FTP it to my web host provider. Next I go to my files in IXHosting and open up the folder. It is the first time I see the full code. This is where I add my "cut and paste" codes. I only use html, thus my question is "what is CSS."

Sorry, but I really do need help!
Feb 22 '07 #4
Liasson
7 New Member
That doesn't work.

Explain please, what doesn't work?
Feb 22 '07 #5
ramakrishna4uin
2 New Member
Oh I don't know coding...what is css?

If I explain my situation, maybe you can help me?

I build my websites on MS Publisher, the same way I would using Pagemaker. When I finish, I save it to the web format. At that point, it makes index files for me. I then FTP it to my web host provider. Next I go to my files in IXHosting and open up the folder. It is the first time I see the full code. This is where I add my "cut and paste" codes. I only use html, thus my question is "what is CSS."

Sorry, but I really do need help!

CSS, short for Cascading Style Sheets, a new feature being added to HTML that gives both Web site developers and users more control over how pages are displayed. With CSS, designers and users can create style sheets that define how different elements, such as headers and links, appear. These Style Sheets can then be applied to any Web page.



Thanks
Ramakrishna
Feb 22 '07 #6
Liasson
7 New Member
CSS, short for Cascading Style Sheets, a new feature being added to HTML that gives both Web site developers and users more control over how pages are displayed. With CSS, designers and users can create style sheets that define how different elements, such as headers and links, appear. These Style Sheets can then be applied to any Web page.



Thanks
Ramakrishna

Thank you for the explanation; every little “bit” of information I learn is helpful.
Feb 22 '07 #7
AricC
1,892 Recognized Expert Top Contributor
Explain please, what doesn't work?
The code someone provided above for the mouse over doesn't work.
Feb 22 '07 #8
Liasson
7 New Member
I couldn't get it to work either. Can we try another one?
Feb 22 '07 #9
AricC
1,892 Recognized Expert Top Contributor
I couldn't get it to work either. Can we try another one?
People have tricks but I still think the best way is with javascript. That way you don't need to worry about cross browser support just whether people have JS turned on. I'll post an example if you want.

Aric
Feb 22 '07 #10
Liasson
7 New Member
People have tricks but I still think the best way is with javascript. That way you don't need to worry about cross browser support just whether people have JS turned on. I'll post an example if you want.

Aric

If a Javascript will work....can I get that and copy and paste into my html code? If the answer is yes.... I need the Java....
Feb 22 '07 #11
Liasson
7 New Member
People have tricks but I still think the best way is with javascript. That way you don't need to worry about cross browser support just whether people have JS turned on. I'll post an example if you want.

Aric
Oh yes.... please do!!!!!
Feb 22 '07 #12
AricC
1,892 Recognized Expert Top Contributor
Oh yes.... please do!!!!!
Ok here you go:

[html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Mouse Over</title>
<script type="text/javascript">
function MyImage_MouseOver()
{
document.MyImage.src ="images/swirl.gif"
}
function MyImage_MouseOut()
{
document.MyImage.src ="images/testimage.jpg"
}
</script>

</head>
<body>

<img alt="MyImage's-Name" src="images/testimage.jpg" name="MyImage" onmouseover="MyImage_MouseOver();" onmouseout="MyImage_MouseOut();" />

</body>
</html>
[/html]
If you don't understand anything let us know I'll move this thread to the Javascript forum so you can get more answers.

HTH,
Aric
Feb 22 '07 #13

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

Similar topics

14
2316
by: J. Makela | last post by:
Hallo. This should be a pretty entertaining question for you *real* javascript writers.. I, being the lowly photoshop guy at an ad agency made the mistake of actually saying "HTML" in a...
1
1109
by: EMW | last post by:
Hi, For my ASPX page I've created code that will generate a JPG image based on information in a xml file. It's a planning thing en it will show names of people and for each day of the month an...
1
2645
by: giloosh | last post by:
Hello All, How can you continue the mouseover event while the mouse is still over an object? For example: I put my mouse over a hyperlink and that triggers an object to move 10px to the right....
3
19491
by: Annette Acquaire | last post by:
I have and image map with a dozen hotspot links on it that I'm trying to get to open a new image over existing one on mouseover of each COORD. The only thing I was able to do was swap image on...
23
2721
by: Schannah | last post by:
I'm trying to create a design which mimics the Radiohead website in the action on this page, but the problem is that they use PHP for the effect and I have no idea about PHP. I'm very amateur: fairly...
1
1435
by: Nyarlathotep333 | last post by:
OK, I am new to Javascript but good with CSS and HTML coding. I have a little experience with Java and .NET as well. Here's what I'm trying to do. I have three images of an animated spider. The...
1
2688
by: SunshineInTheRain | last post by:
The following code is dynamic create dropdownmenu which data within pulled from database However, the code work well on IE but not on Firefox. On Firefox, the whole mouseover and mouseout function...
2
2997
by: markszlazak | last post by:
I'm a relatively slow response of table cells changing their background color with mouseover/our in IE6 (Win 2K) but the response is fine (fast) in Firefox. Why? The code is below. Sorry about the...
2
2275
by: markszlazak | last post by:
Could someone check out the following code and please help me understand the problem and fix it. It seems like some events are not firing when my mouse moves over the table cells to quickly causing...
13
1958
by: heapster123 | last post by:
I am new to javascript and having a hard time. I have a class assignment that I have been working on for days...what has to happen is when the mouse rolls over the text an image is to appear. The...
0
7224
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,...
0
7120
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...
0
7323
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
7380
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...
0
7494
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...
0
4706
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...
0
3180
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
0
1553
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...
1
763
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.