Solved

Text Link Rollover - Switch Bullet Color

Posted on 2006-11-01
2
173 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
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
Along with being a a promotional video for my three-day Annielytics Dashboard Seminor, this Micro Tutorial is an intro to Google Analytics API data.
In this video I am going to show you how to back up and restore Office 365 mailboxes using CodeTwo Backup for Office 365. Learn more about the tool used in this video here: http://www.codetwo.com/backup-for-office-365/ (http://www.codetwo.com/ba…

863 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

22 Experts available now in Live!

Get 1:1 Help Now