473,706 Members | 6,613 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Simple rollover buttons

59 New Member
I'm looking for a simple way to do rollover images in HTML, with as little javascript as possible. Any suggestions?
Aug 23 '07 #1
3 1308
844 Recognized Expert Contributor
I'm looking for a simple way to do rollover images in HTML, with as little javascript as possible. Any suggestions?
It's pretty simple:
Expand|Select|Wrap|Line Numbers
  1. <image src = "roll_out.bmp" onmouseover = "this.src = 'roll_over.bmp'" onmouseout = "this.src = 'roll_out.bmp'"/>
Aug 23 '07 #2
59 New Member
Thanks for the help :)
Aug 23 '07 #3
7,435 Recognized Expert Expert
I'm leaving to go out of town in a couple of hours but there are solutions to this using CSS and no javascript. Google for "cssplay" and "Stu Nichols" for a starter but it is as simple as:

Of course, that only works in modern browsers and not IE so you have to make the link an anchor <a><img></a> and then a:hover{}.
Aug 23 '07 #4

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

Similar topics

by: Max Biancofiore | last post by:
I am working on a website. Can everybody have a look at www.intheloop.org.uk/sw5/index.html and tell me: 1) How long do the buttons take to download. (state connection speed too). 2) How do the rollover work. Especially concerning the image preload. I am writing this because, I don't know why, on my Pc this site works
by: Max Biancofiore | last post by:
I am working on a new website. Please, can everybody go to www.intheloop.org.uk\sw5\index.html and tell me: 1) How long do the buttons take to download (please, also state connection speed)? 2) How does the image rollover for the buttons work? Especially concerning the preload.
by: down_w/spam | last post by:
Hi all, I've done some research on this issue and am looking to you for further information on why IE still does a server look-up of a rollover image, even if the image has been preloaded and/or looked-up. I've tended to think that it is just a bug with IE but then i found a site that has rollovers that do not get looked up with IE. I thought that maybe they are using some special js script that fixed it. But no, it uses the same...
by: AJBopp | last post by:
I'm wrestling with CSS variations between Firefox and IE. I'm trying to create rollover buttons in a menu frame. It is working perfectly in Firefox but in IE only the first button is properly highlighted and linked. The second button, has only a partial "hit area" at the top of the image, although if you click the link, you can see the link border is properly place around the image. The rest of the buttons have no rolloever state or link...
by: Gepi Solo | last post by:
Hi, I'm a python newbie, coming from PHP & Perl. I'm developing client-server applications with a GUI. I'm trying to realize rollover buttons with images as background. I mean... I want to create a class which permit to create buttons with various shapes, (for instance something like this: O====O with a label and an image in the central part), that change their color/shapes when they have the focus on. I split the image of the shape into 3...
by: Casimir | last post by:
I am looking into making pure CSS image rollovers. Do you have any clever (and robust) CSS rollover-tricks? Or links to such "in the wild"? I have figured out two methods for this, but have yet to do proper testing on browser support. Method I:
by: eholz1 | last post by:
Hello CSS and StyleSheet members, I have decided to move away from Dreamweaver javascript rollover buttons, in favor of a CSS type rollover button. (hope that is ok). I plan to use PHP to include the page with the rollover buttons as a php include in a div for navigation buttons (left side of web page). I have cobbled together some code complements of http://sophie-g.net/jobs/css/e_buttons.htm.
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, weíll explore What is ONU, What Is Router, ONU & Routerís main usage, and What is the difference between ONU and Router. Letís take a closer look ! Part I. Meaning of...
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
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 then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
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 we have to send another system
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.