Solved

Text Link Rollover - Switch Bullet Color

Posted on 2006-11-01
2
179 Views
Last Modified: 2010-04-25
I would like to figure out how to rollover a text link and change a red bullet graphic to a blue one.

Example:

TEST Link  * <- (Imagine * is a Red Bullet)


When you mouse over TEST Link the * changes to the blue version of the graphic.

Thanks
0
Comment
Question by:joedunn
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 8

Accepted Solution

by:
radnor earned 500 total points
ID: 17851998
I did this real quick....   I have 2 GIF(s) 1 red, 1 blue BOTH 10px X 10px.  If you have more than one link, give each one a UNIQUE ID and make that ID apart of the onMouse event.

<html>
<head>
<title>test</title>

<script>
function switchimage (id, color) {
      d = document.getElementById(id);
      d.src = color;
}
</script>

<style>
a {
      text-decoration: none;
}
</style>

</head>
<body>
<a href="#" onMouseOver="javascript:switchimage('link', 'blue.gif')"
 onMouseOut="javascript:switchimage('link', 'red.gif')">TEXT link <img src="red.gif" id="link" border=0></a>
</body>
</html>
0
 
LVL 15

Expert Comment

by:Daydreams
ID: 17860470
Hi joedunn,

You can use CSS to change the image for your list bullet. Take a look at this simple tutorial with code:

http://www.joe2torials.com/view_tutorial.php?view=43

Here's an example:

http://www.joe2torials.com/css/examples/rollover/index.php
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
There's a multitude of different network monitoring solutions out there, and you're probably wondering what makes NetCrunch so special. It's completely agentless, but does let you create an agent, if you desire. It offers powerful scalability …
Monitoring a network: why having a policy is the best policy? Michael Kulchisky, MCSE, MCSA, MCP, VTSP, VSP, CCSP outlines the enormous benefits of having a policy-based approach when monitoring medium and large networks. Software utilized in this v…

688 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question