Solved

Text Link Rollover - Switch Bullet Color

Posted on 2006-11-01
2
172 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
2 Comments
 
LVL 8

Accepted Solution

by:
radnor earned 500 total points
Comment Utility
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
Comment Utility
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

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Free website editor 10 551
CSS Layout Help 7 225
Semi-transparent PNG 5 115
Need icon art 9 75
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…
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…
This demo shows you how to set up the containerized NetScaler CPX with NetScaler Management and Analytics System in a non-routable Mesos/Marathon environment for use with Micro-Services applications.

744 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now