Mouse over / rollover

Can you do mouse overs or rollovers on iWeb? Where you drag the pointer over a link and the links enlarges or highlights.
Sully

You can't create those kind of rollovers IN iWeb. You'd have to create your graphics separately and then edit your files after publishing. iWeb only handles creating graphic rollovers when you use a non web safe font (it gets converted to a set of png's in the default text rollover colors). I've got an example of using text dingbats as rollovers here.
http://web.mac.com/makentosh/iWeb/tipsfromtheiceberg/Blog/416F8EE3-F511-47E8-84F E-80851728F54B.html
I've got another page here (along with a demo file for download) that displays how you can create full color rollovers using the demo version of eZedia QTI. It has it's own drawbacks in that you still have to edit your files after publishing for Windows browsers (to make it look better). Also, for IE specifically, if you use a background graphic, it can't be a .png or worrying things will happen.
http://web.mac.com/makentosh/iWeb/zample/abutton.html

Similar Messages

Mouse over flicker problem

I'm fairly new to Flash and couldn't find the exact same problem in the forums so here goes.
Flash CS4, Actionscript 3.0
I have a button that I have a mouseover event making another button appear (thus making it look like a color change). It flickers like crazy with the mouse over. Any suggestions?
Here's the page (mind you nothing on it but this so far) http://www.forepointusa.com/flash/qbooks/keyfeatures.html
Here's the code: (IT is the button you see when you first look at the file.)
import fl.transitions.Tween;
import fl.transitions.easing.*;
ITBlue.alpha = 0;
ITBlue.y = 130;
IT.addEventListener(MouseEvent.MOUSE_OVER,showIT);
IT.addEventListener(MouseEvent.MOUSE_OUT,hideIT);
function showIT(e:MouseEvent):void {
ITBlue.y = 172.3;
ITBlue.alpha = 100;
function hideIT(e:MouseEvent):void {
ITBlue.alpha = 0;
ITBlue.y = 130;
Any suggestions are appreciated.

Is there a reason you don't use the one IT button and just use its Over frame to display it as blue?
Note: in AS3, alpha ranges from 0 to 1 (not 100).
To explain why you have what you have... I am assuming ITBlue is another button. When you put ITBlue in front of IT you essentially block IT from the mouse, so you ignite IT's rollout function, sending ITBlue back out of the way, which ignites IT's rollover function again, and the cycle goes on unending. If you hover just on the lower edge of IT, where ITBlue doesn't reach, you'll see it works as desired.
The simplest way around this is to use the one button approach, as there will be no code needed for the rollover and rollout for what you have it doing now.
An alternative would be to place ITBlue in its y = 172 position permanently, change IT to a plain graphic symbol, and use your current code assigned to ITBlue instead of IT, but again, it would be unecessary.
Just some added info... An object that has its alpha set to 0 is still fully mouse interactive... an object that has its visible property set to false is not.

Mouse Over Behaviour

I am currently developing a toolbar application and have an
issue with mouse events.
Currently there is a parent canvas which has a mouseOut event
where the canvas is hidden. Within that canvas there is a Hbox
which contains images which have an mouse click event. When I mouse
over the image it triggers the parent MouseOut event.
having looked at
http://nondocs.blogspot.com/2007/04/flexfaqmouseevents.html
but it does not resolve the problem. having also tried to identify
the event.target.id but it does not register for the imagme
mouseOver and gives exception errors.
Anybody got any ideas for the HBox child does not trigger the
MouseOut event. Also tried switching it to a button.
I would really like to not have to hack a solution with using
the mouse x and y coordinates.
Hope somebody can help Im going round in circles.
Thanks

The mouse events are very low-level and fire in unexpected
ways.
Usually you should use the rollOver and rollOut events. The
seem to be better behaved.
Tracy

Mouse over event listener? in Flash CS4 (AS3)

Hi,
I was wondering if there is such a thing as a mouse over listener.
So that it would execute code when the mouse rolls over(and maybe also execute code when the mouse moves away again)
Thank you for any help.

yes, there are mouseover and rollover events, as well as, their "out" events:
MouseEvent.MOUSE_OVER
MouseEvent.ROLL_OVER

Mouse over question

i've made some buttons that on mouseover shows a larger picture above the button. when the cursor leaves that button though the picture disappears until the user mouses over the button again. is there a way to ensure that the picture stays up until the user mouses over another button (then they would see another image)?

Gotcha. Well, here's a "for instance."
Suppose you turn an image into a Movie Clip Symbol. The first frame of your new clip is where your initial button image is. On frame two insert a keyframe and name it "Start" or something like that.
Then, insert a new layer above your original button image. Using the square tool, draw a square over your image. Convert that square to a button symbol. Highlight it, then choose "Edit in Place." Highlight the square image again, right click and choose "cut." Insert a new keyframe on the "HIT" frame, then paste in place that square. You can exit edit in place.
Click on the button you just made, go to Actions and write something like this.
on(rollOver){
gotoAndPlay("Start")};
This will move the playhead to the start frame. If you plan on animating your button, make sure you place a keyframe and the end of your animation. Open your actionscript layer, if you have one (otherwise, make one and insert a stop action in the last frame). stop();
This will make the movie play when someone rolls over the hit button you made, which is placed over your original image. It will stop the playhead wherever your button animation stops. If you do the same thing for another button, when the user clicks the other button it will move the playhead to that movie section.
I'm not the best at explaining these things, but hopefully that offers some clarity. I can try to get a little more detailed if need be.
Good luck.

How can I animate size and rotation on mouse over?

Hello,
I'm fairly new to Edge Animate and have been trying to find tutorials but all I've found so far are ones for older versions which are very different to the new CC 2014 versions so not had much luck..
I'd like to animate icons similar to the those on the coloured band on this site: http://do.live147.com/html/rockox/index.html ("Website", Latest Trends" etc..)
So on mouse over I'd like to animate the scale and rotation of the icon, and then if possible, to keep it in that new state until another icon is selected (rather than returning on mouse out). All icons are for a design in Muse (CC 2014).
Can anyone help me or point me towards some new tutorials which covers this? I'd appreciate any clues on how to do this!
I'm using Edge Animate CC 2014.1 on a Mac.
Thanks in advance!
Anne-Marie

Ooh okay - thanks Heathrowe - I see what you mean about using the symbols to group animations, does seem much simpler!
So, putting the question back out there...
I've managed to implement the mouse rollover states;
mouseenter: sym.getSymbol("Concept").play('Over');
mouseleave: sym.getSymbol("Concept").playReverse();
When each one is clicked, it holds;
click: sym.getSymbol("Concept").play('Click');
Now I need to figure out the code to make each symbol continue to hold after it's been clicked on (even if the mouse rolls over them again), and playReverse ONLY when another symbol is clicked. My plan is to have information appear under this banner which changes depending on which tab is selected.
Here's my project if it helps to see... http://we.tl/u8r6sZNvdA
Any help would be hugely appreciated!!
Thanks

Buttons Going Cr@zy when you mouse-over!!

I'm having a really annoying issue that I can't seem to figure out why it's happening. I setup navigation buttons for a site I'm working. Using Action Script 2.0 and Caurina Tweener effects. I've set it up so the buttons shoot out when you mouse over. The problem is when you hold your cursor to the outer edge of the button it starts jumping rapidly. I can't seem to figure out why this is or how to stop it. I'm thinking about maybe putting a stop action when you mouse-out but I can't seem to get that to wrok either. I might be soing something wrong with that code. Ifsomeone could please look over my code and let me know what you think the problem is I would really appreciate it.
import caurina.transitions.*; function _color_splitter(p_value):Array { var nArray:Array = new Array(); if (p_value == null) { // No parameter passed, so just resets the color nArray.push({name:"_color_ra", value:100}); nArray.push({name:"_color_rb", value:0}); nArray.push({name:"_color_ga", value:100}); nArray.push({name:"_color_gb", value:0}); nArray.push({name:"_color_ba", value:100}); nArray.push({name:"_color_bb", value:0}); } else { // A color tinting is passed, so converts it to the object values nArray.push({name:"_color_ra", value:0}); nArray.push({name:"_color_rb", value:AuxFunctions.numberToR(p_value)}); nArray.push({name:"_color_ga", value:0}); nArray.push({name:"_color_gb", value:AuxFunctions.numberToG(p_value)}); nArray.push({name:"_color_ba", value:0}); nArray.push({name:"_color_bb", value:AuxFunctions.numberToB(p_value)}); } return nArray; } var eIOE = eIOE; var curBtn:Number = 1; var whichNav = nav.red.homeRedTxt; var lastSec = mobHome; var curMiniBtn = null; var category:Boolean = true; buildIn(); //checkIt(); navBuild(); nav.red.homeRedTxt._visible = true; Tweener.addTween(blackOver,{_autoAlpha:0}); Tweener.addTween(vidPlay,{_autoAlpha:0}); function allTitles() { nav.red.contactUsRedTxt._visible = false; nav.red.abouttheRedText._visible = false; nav.red.whatWeveRedTxt._visible = false; nav.red.homeRedTxt._visible = false; } nav.home._visible = false; function buildIn() { Tweener.addTween(mobHome,{_rotation:100, _scale:50, _x:116, _y:1131}); Tweener.addTween(mobHome.logo,{_alpha:0, _y:-306, _x:-406}); //Tweener.addTween(mobHome.mobWater,{_alpha:8, _y:-10, _x:}); Tweener.addTween(mobHome.titleCopy,{_alpha:0, _y:308, _x:-62}); Tweener.addTween(mobHome.bodyCopy,{_alpha:0, _y:346, _x:115}); Tweener.addTween(mobHome.bracket1,{_alpha:0, _x:-277}); Tweener.addTween(mobHome.bracket2,{_alpha:0, _x:646}); // // Tweener.addTween(mobHome,{_rotation:0, _scale:100, _x:520, _y:327, time:1.5, transition:eIOE}); Tweener.addTween(mobHome.logo,{_alpha:100, _y:-260, time:1, transition:eIOE}); Tweener.addTween(mobHome.mobWater,{_alpha:30, _y:-10, time:1, transition:eIOE, delay:.4}); Tweener.addTween(mobHome.titleCopy,{_alpha:100, _y:228, time:1, transition:eIOE, delay:.6}); Tweener.addTween(mobHome.bodyCopy,{_alpha:100, _y:270, time:1, transition:eIOE, delay:.8}); Tweener.addTween(mobHome.bracket1,{_alpha:100, _x:-248, time:1, transition:eIOE, delay:1.1}); Tweener.addTween(mobHome.bracket2,{_alpha:100, _x:480, time:1, transition:eIOE, delay:1.1}); } //switch function checkIt() { switch (curBtn) { case 1 : trace("you pressed home"); Tweener.addTween(lastSec,{_rotation:-140, _x:-330, _y:-641, _autoAlpha:0, _scale:50, time:1.5, transition:eIOE}); homeOut(); navBuildOut(); // Tweener.addTween(mobHome,{_autoAlpha:100}); buildIn(); nav.red.homeRedTxt._visible = true; nav.home._visible = false; lastSec = mobHome; break; case 2 : trace("you pressed about"); Tweener.addTween(lastSec,{_rotation:-140, _x:-330, _y:-641, _autoAlpha:0, _scale:50, time:1.5, transition:eIOE}); aboutOut(); navBuildOut(); // Tweener.addTween(about,{_autoAlpha:100}); buildAbout(); Tweener.addTween(nav.red.abouttheRedText,{_autoAlpha:100, delay:.4}); nav.red.abouttheRedText._visible = true; nav.about._visible = false; lastSec = about; break; case 3 : trace("you pressed what we've done"); Tweener.addTween(lastSec,{_rotation:-140, _x:-330, _y:-641, _autoAlpha:0, _scale:50, time:1.5, transition:eIOE}); whatWeveOut(); navBuildOut(); // Tweener.addTween(whatWevePage,{_autoAlpha:100}); buildWhatWeve(); Tweener.addTween(nav.red.whatWeveRedTxt,{_autoAlpha:100, delay:.4}); nav.red.whatWeveRedTxt._visible = true; nav.whatWeve._visible = false; lastSec = whatWevePage; break; case 4 : trace("you pressed contact us"); Tweener.addTween(lastSec,{_rotation:-140, _x:-330, _y:-641, _autoAlpha:0, _scale:50, time:1.5, transition:eIOE}); contactusOut(); navBuildOut(); // Tweener.addTween(contactUsPage,{_autoAlpha:100}); buildContact(); Tweener.addTween(nav.red.contactUsRedTxt,{_autoAlpha:100, delay:.4}); nav.red.contactUsRedTxt._visible = true; nav.contactus._visible = false; lastSec = contactUsPage; break; case 5 : trace("you pressed client"); getURL("http://www.review.mobscene.com", "_blank"); break; } } nav.home.onRelease = function() { curBtn = 1; checkIt(); }; nav.about.onRelease = function() { curBtn = 2; checkIt(); }; nav.whatWeve.onRelease = function() { curBtn = 3; checkIt(); }; nav.contactus.onRelease = function() { curBtn = 4; checkIt(); }; nav.clientLog.onRelease = function() { curBtn = 5; checkIt(); }; //NAV BUILD OUT / BUILD IN ------ function navBuildOut() { nav.home.enabled = false; nav.about.enabled = false; nav.whatWeve.enabled = false; nav.contactus.enabled = false; nav.clientLog.enabled = false; Tweener.addTween(nav.red,{_rotation:-45, _x:-553, _y:-337, time:1.5, transition:eIOE, onCompelete:function(){allTitles}}); Tweener.addTween(nav.home,{_rotation:-45, _x:-421, _y:-138, time:1.5, transition:eIOE}); Tweener.addTween(nav.about,{_rotation:-45, _x:-426, _y:-97, time:1.5, transition:eIOE, delay:.1}); Tweener.addTween(nav.whatWeve,{_rotation:-45, _x:-413, _y:-36, time:1.5, transition:eIOE, delay:.2}); Tweener.addTween(nav.contactus,{_rotation:-45, _x:-410, _y:18, time:1.5, transition:eIOE, delay:.33}); Tweener.addTween(nav.clientLog,{_rotation:-45, _x:-414, _y:101, time:1.5, transition:eIOE, delay:.4, onComplete:makeGray}); allTitles(); allVis(); navBuild(); } function navBuild() { Tweener.addTween(nav,{_rotation:90, _x:-216, _y:952}); Tweener.addTween(nav.red,{_rotation:90, _x:-349, _y:702}); Tweener.addTween(nav.home,{_rotation:90, _x:-268, _y:553}); Tweener.addTween(nav.about,{_rotation:90, _x:-284, _y:622}); Tweener.addTween(nav.whatWeve,{_rotation:90, _x:-276, _y:656}); Tweener.addTween(nav.contactus,{_rotation:90, _x:-274, _y:703}); Tweener.addTween(nav.clientLog,{_rotation:-45, _x:-220, _y:742}); allTitles(); Tweener.addTween(nav,{_rotation:0, _x:193, _y:390, _color:null, time:.7, transition:eIOE}); Tweener.addTween(nav.red,{_rotation:-360, _x:-43, _y:-135, _color:null, time:1.5, transition:eIOE, onCompelete:function(){allTitles}}); Tweener.addTween(nav.home,{_rotation:-360, _x:-174, _y:19, _color:null, time:1.5, transition:eIOE}); Tweener.addTween(nav.about,{_rotation:-360, _x:-174, _y:72, _color:null, time:1.5, transition:eIOE, delay:.1}); Tweener.addTween(nav.whatWeve,{_rotation:-360, _x:-170, _y:126, _color:null, time:1.5, transition:eIOE, delay:.2}); Tweener.addTween(nav.contactus,{_rotation:-360, _x:-170, _y:179, _color:null, time:1.5, transition:eIOE, delay:.33}); Tweener.addTween(nav.clientLog,{_rotation:-360, _x:-170, _y:232, time:1.5, transition:eIOE, delay:.4}); Tweener.addTween(nav.clientLog,{_color:null, time:1, transition:eIOE, onComplete:makeThemGo}); } function makeThemGo() { nav.home.enabled = true; nav.about.enabled = true; nav.whatWeve.enabled = true; nav.contactus.enabled = true; nav.clientLog.enabled = true; } function makeGray() { Tweener.addTween(nav.home,{_color:0x626262}); Tweener.addTween(nav.about,{_color:0x626262}); Tweener.addTween(nav.whatWeve,{_color:0x626262}); Tweener.addTween(nav.contactus,{_color:0x626262}); Tweener.addTween(nav.clientLog,{_color:0x626262}); } function allVis() { nav.home._visible = true; nav.about._visible = true; nav.whatWeve._visible = true; nav.contactus._visible = true; nav.clientLog._visible = true; } // --------- //ROLLOVER FUNCTIONS // home nav.home.onRollOver = function() { var my_sound:Sound = new Sound(); my_sound.attachSound("over"); my_sound.start(); Tweener.addTween(this,{_x:-138, _y:0, _scale:120, time:0.6, transition:eIOE}); Tweener.addTween(this.shadow1,{_x:18, _y:10, _scale:80, time:0.6, transition:eIOE}); Tweener.addTween(nav.about,{_y:80, time:0.4, transition:eIOE}); Tweener.addTween(nav.whatWeve,{_y:136, time:0.4, transition:eIOE}); Tweener.addTween(nav.contactus,{_y:189, time:0.4, transition:eIOE}); Tweener.addTween(nav.clientLog,{_y:242, time:0.4, transition:eIOE}); Tweener.addTween(this.innerText,{_x:151, _y:-127, _scale:90, time:0.4, transition:eIOE}); }; nav.home.onRollOut = function() { homeOut(); }; function homeOut() { Tweener.addTween(nav.home,{_x:-174, _y:19, _scale:100, time:0.4, transition:eIOE}); Tweener.addTween(nav.home.shadow1,{_x:2, _y:2, _scale:100, time:0.6, transition:eIOE}); Tweener.addTween(nav.about,{_y:70, time:0.4, transition:eIOE}); Tweener.addTween(nav.whatWeve,{_y:126, time:0.4, transition:eIOE}); Tweener.addTween(nav.contactus,{_y:179, time:0.4, transition:eIOE}); Tweener.addTween(nav.clientLog,{_y:232, time:0.4, transition:eIOE}); Tweener.addTween(nav.home.innerText,{_x:28, _y:-38, _scale:100, time:0.4, transition:eIOE}); } // about the mob nav.about.onRollOver = function() { var my_sound:Sound = new Sound(); my_sound.attachSound("over"); my_sound.start(); Tweener.addTween(this,{_x:-124, _y:40, _scale:120, time:0.6, transition:eIOE}); Tweener.addTween(this.shadow1,{_x:18, _y:10, _scale:80, time:0.6, transition:eIOE}); Tweener.addTween(nav.home,{_y:10, time:0.4, transition:eIOE}); Tweener.addTween(nav.whatWeve,{_y:136, time:0.4, transition:eIOE}); Tweener.addTween(nav.contactus,{_y:189, time:0.4, transition:eIOE}); Tweener.addTween(nav.clientLog,{_y:242, time:0.4, transition:eIOE}); Tweener.addTween(this.aboutTheMobtxt,{_x:119, _y:-104, _scale:90, time:0.4, transition:eIOE}); }; function aboutOut() { Tweener.addTween(nav.about,{_x:-170, _y:69, _scale:100, time:0.4, transition:eIOE}); Tweener.addTween(nav.about.shadow1,{_x:2, _y:2, _scale:100, time:0.6, transition:eIOE}); Tweener.addTween(nav.home,{_y:19, time:0.4, transition:eIOE}); Tweener.addTween(nav.whatWeve,{_y:126, time:0.4, transition:eIOE}); Tweener.addTween(nav.contactus,{_y:179, time:0.4, transition:eIOE}); Tweener.addTween(nav.clientLog,{_y:232, time:0.4, transition:eIOE}); Tweener.addTween(nav.about.aboutTheMobtxt,{_x:66, _y:-66, _scale:100, time:0.4, transition:eIOE}); } nav.about.onRollOut = function() { aboutOut(); }; //what weve done nav.whatWeve.onRollOver = function() { var my_sound:Sound = new Sound(); my_sound.attachSound("over"); my_sound.start(); Tweener.addTween(this,{_x:-80, _y:70, _scale:120, time:0.6, transition:eIOE}); Tweener.addTween(this.shadow1,{_x:18, _y:10, _scale:80, time:0.6, transition:eIOE}); Tweener.addTween(nav.about,{_y:69, time:0.4, transition:eIOE}); Tweener.addTween(nav.contactus,{_y:189, time:0.4, transition:eIOE}); Tweener.addTween(nav.clientLog,{_y:242, time:0.4, transition:eIOE}); Tweener.addTween(this.innerText,{_x:115, _y:-107, _scale:90, time:0.4, transition:eIOE}); }; function whatWeveOut() { Tweener.addTween(nav.whatWeve,{_x:-170, _y:126, _scale:100, time:0.4, transition:eIOE}); Tweener.addTween(nav.whatWeve.shadow1,{_x:2, _y:2, _scale:100, time:0.6, transition:eIOE}); Tweener.addTween(nav.about,{_y:70, time:0.4, transition:eIOE}); Tweener.addTween(nav.contactus,{_y:179, time:0.4, transition:eIOE}); Tweener.addTween(nav.clientLog,{_y:232, time:0.4, transition:eIOE}); Tweener.addTween(nav.whatWeve.innerText,{_x:76, _y:-78, _scale:100, time:0.4, transition:eIOE}); } nav.whatWeve.onRollOut = function() { whatWeveOut(); }; //contactUS nav.contactus.onRollOver = function() { var my_sound:Sound = new Sound(); my_sound.attachSound("over"); my_sound.start(); Tweener.addTween(this,{_x:-87, _y:123, _scale:120, time:0.6, transition:eIOE}); Tweener.addTween(this.shadow1,{_x:18, _y:10, _scale:80, time:0.6, transition:eIOE}); Tweener.addTween(nav.home,{_y:15, time:0.4, transition:eIOE}); Tweener.addTween(nav.about,{_y:64, time:0.4, transition:eIOE}); Tweener.addTween(nav.whatWeve,{_y:118, time:0.4, transition:eIOE}); Tweener.addTween(nav.clientLog,{_y:237, time:0.4, transition:eIOE}); Tweener.addTween(this.innerText,{_x:115, _y:-107, _scale:90, time:0.4, transition:eIOE}); }; nav.contactus.onRollOut = function() { contactusOut(); }; function contactusOut() { Tweener.addTween(nav.contactus,{_x:-170, _y:179, _scale:100, time:0.4, transition:eIOE}); Tweener.addTween(nav.contactus.shadow1,{_x:2, _y:2, _scale:100, time:0.6, transition:eIOE}); Tweener.addTween(nav.home,{_y:19, time:0.4, transition:eIOE}); Tweener.addTween(nav.about,{_y:70, time:0.4, transition:eIOE}); Tweener.addTween(nav.whatWeve,{_y:126, time:0.4, transition:eIOE}); Tweener.addTween(nav.clientLog,{_y:232, time:0.4, transition:eIOE}); Tweener.addTween(nav.contactus.innerText,{_x:50, _y:-58, _scale:100, time:0.4, transition:eIOE}); } //client Log In nav.clientLog.onRollOver = function() { var my_sound:Sound = new Sound(); my_sound.attachSound("over"); my_sound.start(); Tweener.addTween(this,{_x:-80, _y:173, _scale:120, time:0.6, transition:eIOE}); Tweener.addTween(this.shadow1,{_x:18, _y:10, _scale:80, time:0.6, transition:eIOE}); Tweener.addTween(nav.home,{_y:15, time:0.4, transition:eIOE}); Tweener.addTween(nav.about,{_y:67, time:0.4, transition:eIOE}); Tweener.addTween(nav.whatWeve,{_y:121, time:0.4, transition:eIOE}); Tweener.addTween(nav.contactus,{_y:174, time:0.4, transition:eIOE}); Tweener.addTween(this.innerText,{_x:121, _y:-108, _scale:90, time:0.4, transition:eIOE}); }; nav.clientLog.onRollOut = function() { Tweener.addTween(this,{_x:-170, _y:232, _scale:100, time:0.4, transition:eIOE}); Tweener.addTween(this.shadow1,{_x:2, _y:2, _scale:100, time:0.6, transition:eIOE}); Tweener.addTween(nav.about,{_y:71, time:0.4, transition:eIOE}); Tweener.addTween(nav.home,{_y:19, time:0.4, transition:eIOE}); Tweener.addTween(nav.whatWeve,{_y:126, time:0.4, transition:eIOE}); Tweener.addTween(nav.contactus,{_y:179, time:0.4, transition:eIOE}); Tweener.addTween(this.innerText,{_x:52, _y:-61, _scale:100, time:0.4, transition:eIOE}); }; // function buildAbout() { mobHome.video.myDisplay.pauseVideo("splashVideo/HJNTIY_Tips_30.flv"); mobHome.video.myDisplay.pauseVideo("splashVideo/SVTF02_NCM.flv"); Tweener.addTween(about,{_alpha:0, _rotation:0, _scale:50, _x:-17, _y:1133}); Tweener.addTween(about.logo,{_alpha:0, _y:-306}); Tweener.addTween(about.mainAboutCopy,{_alpha:0, _y:-26}); Tweener.addTween(about.aboutTitle,{_alpha:0, _y:-141}); Tweener.addTween(about.streetScene,{_rotation:0, _alpha:0, _y:302, _x:-69}); // // Tweener.addTween(about,{_alpha:100, _rotation:0, _scale:100, _x:540, _y:400, time:1.5, transition:eIOE}); Tweener.addTween(about.logo,{_alpha:100, _y:-326, time:1, transition:eIOE}); Tweener.addTween(about.mainAboutCopy,{_alpha:100, _y:-53, time:1, transition:eIOE, delay:.4}); Tweener.addTween(about.aboutTitle,{_alpha:100, _y:-141, time:1, transition:eIOE, delay:.6}); Tweener.addTween(about.streetScene,{_rotation:0, _alpha:100, _y:172, _x:-69, time:1, transition:eIOE, delay:.8}); } var aboutPress = about.mainAboutCopy.mobAboutTxt; //ABOUT INNER CONTENT CODE about.mainAboutCopy.aboutThe.onRelease = function() { Tweener.addTween(aboutPress,{_alpha:0, time:.4}); aboutPress = about.mainAboutCopy.mobAboutTxt; Tweener.addTween(about.mainAboutCopy.txtLine,{_x:-320, time:1}); Tweener.addTween(about.mainAboutCopy.mobAboutTxt,{_alpha:100, time:1.4}); }; about.mainAboutCopy.whatDo.onRelease = function() { Tweener.addTween(aboutPress,{_alpha:0, time:.4}); aboutPress = about.mainAboutCopy.create; Tweener.addTween(about.mainAboutCopy.txtLine,{_x:-178, time:1}); Tweener.addTween(about.mainAboutCopy.create,{_alpha:100, time:1.4}); }; about.mainAboutCopy.whoAre.onRelease = function() { Tweener.addTween(aboutPress,{_alpha:0, time:.4}); aboutPress = about.mainAboutCopy.creds; Tweener.addTween(about.mainAboutCopy.txtLine,{_x:-39, time:1}); Tweener.addTween(about.mainAboutCopy.creds,{_alpha:100, time:1.4}); }; //BUILD CONTACT US function buildContact() { mobHome.video.myDisplay.pauseVideo("splashVideo/HJNTIY_Tips_30.flv"); mobHome.video.myDisplay.pauseVideo("splashVideo/SVTF02_NCM.flv"); Tweener.addTween(contactUsPage,{_alpha:0, _rotation:90, _scale:50, _x:450, _y:941}); Tweener.addTween(contactUsPage.fishLogo,{_alpha:0, _x:-223, _y:-147, _rotation:30}); Tweener.addTween(contactUsPage.contactCopy,{_alpha:0, _x:-10, _y:250, _rotation:30}); // // Tweener.addTween(contactUsPage,{_alpha:100, _rotation:0, _scale:100, _x:240, _y:248, time:1, transition:eIOE}); Tweener.addTween(contactUsPage.fishLogo,{_alpha:100, _scale:100, _rotation:0, _x:-122, _y:-170, time:1, transition:eIOE}); Tweener.addTween(contactUsPage.contactCopy,{_alpha:100, _scale:100, _rotation:0, _x:151, _y:84, time:1, transition:eIOE, delay:.4}); } //BUILD WHAT WEVE function buildWhatWeve() { mobHome.video.myDisplay.pauseVideo("splashVideo/HJNTIY_Tips_30.flv"); mobHome.video.myDisplay.pauseVideo("splashVideo/SVTF02_NCM.flv"); Tweener.addTween(whatWevePage,{_alpha:0, _x:450, _y:941, _rotation:0, _scale:50}); // Tweener.addTween(whatWevePage,{_alpha:100, _rotation:0, _scale:100, _x:322, _y:207, time:1}); }

you can delete that file, if you want.
the top border of those buttons exactly display the problem i suggested. when you mouse over the top edge, the button moves away from your cursor triggering a mouse out event.
to remedy, don't have your button move away from the top (or any other) edge of the button.
and my previous comment was to counter your claim that you see this done elsewhere without the problem. post a url where a button moves away from the cursor and does not trigger the problem..
you could expand an alpha 0 shape at the top of your button on rollover so a rollout is not triggered but the same design appears.

I need to attach a pop up or mouse over image to test. How do I go about it?

I need to attach a pop up or mouse over image to text. How do I go about it?

Use Tooltips or CSS Disjointed Rollovers.
http://alt-web.com/DEMOS/CSS-Disjointed-Rollover-1.shtml
http://alt-web.com/DEMOS/CSS-Disjointed-Image-Rollover.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Mouse over images

How can I create a mouse over image that appears below a navigation/menu button?

Hello,
You can have an image filled in the rollover state of the menu item, and that would appear when hovered over the menu item from the front end of the site. Check this related post: http://forums.adobe.com/message/5680522#5680522
Cheers
Parikshit

Mouse over text color change

I have just type the Black color text when mouse over it should be change red color.
How can do this?

You can also use the Infosemantics Hyperlink widget to mimic a normal hyperlink rollover colour change.
http://www.infosemantics.com.au/catalog/widgets/interactive/wdgt_hyperlink_01

AS3 infinite scroll mouse over link

i am create AS3 infinite scroll bar. i want to put mouseover hyperlink to every picture. any body know how can put mouse over.
please help me

Do you know how to assign event listeners and event handler functions for them? If so, you assign the listener to the object you want to rollover, using either MouseEvent.ROLL_OVER or MouseEvent.MOUSE_OVER as the event.

Mouse over with iWEB ?

Hi all, do anubody know how to make mouse over effets in iWeb ?

And if you use Web dings, you get a rollover effect with something that looks image based.
http://www.makentosh.com/tipsfromtheiceberg/Blog/Entries/2006/8/16Merrily,_werollover!.html

Behaviour on mouse over ? Please help

Hi,
I am very new here so please be patient when you read about
my "ignorance". I am making a website for a friend designer and
here is the idea :
- the "main" page contains a picture of a cabinet with 5
drawers (which serve as menu buttons)
-The idea is that when you roll over the drawers with the
mouse, the picture changes into one with that particular drawer
open and the subject written next to it.
-When you roll further the next picture appears, etc.
-When clicked on any of those pictures (the open drawer) the
behaviour should be to go to the dedicated html.page
The problem :
The picture is a full screen size picture (250kb).
I thought that with putting hotspots on the main picture, and
using the hide and show layers behaviour I could make this work but
it does not seem to do anything right. (when moving the mouse over
and off the drawer the picture keeps jumping back and forward)
Can anyone suggest a better way to do this ?
Please feel free to ask for more info if the above does not
make sense to you.
Thanks
Bubbles

What you probably want to do is create invisible buttons that you place over the main image. These will provide the rollover triggering that you want. To make invisible buttons you can create button symbols that only have a shape in their "Hit" frames. That creates a button that you can still see while editing but do not appear in the published file when you run it.
Then you need to have an image that rolling over that button will bring into view. It would be preferable to have the images that appear be away from the buttons so that they don't interfere/block the buttons, so each larger image may have to be placed in a different area.
To control an image that appears, for starters you could just have it invisible and make rolling over the button make it visible. You would need to convert these images to movieclips in order to accomplish that. So let's say you create an image movieclip and place it on the stage and assign it an instance name of "image1" (instance names are assigned in the properties panel). And for that image/movieclip's button you add a button over the main image and give that an instance name of "btn1"
To make them work as planned, in the timeline in the same frame (different layer) where you have btn1 and image1, you would add code as follows...
image1.visible = false;
btn1.addEventListener(MouseEvent.ROLL_OVER, showImg1);
btn1.addEventListener(MouseEvent.ROLL_OUT, hideImg1);
function showImage1(evt:MouseEvent):boid {
image1.visible = true;
function hideImage1(evt:MouseEvent):boid {
image1.visible = false;

Mouse over highlighting

Hello
i use layered menu in dvd studio. when i build the dvd, and played on computer, i have to click to the button to highlight, and click again to activate.
why must i click to highlight the menu? i want to highlight to mouse over. how?

Hi - welcome to the discussions. This is a fairly frequent question, and the answer is that this is the way layer based menus work. To get the rollover you have to use a standard overlay menu.

Oracle form 6.0, how to do 3D chart, calender,mouser over changing....

oracle form 6.0, how to do 3D chart, calender,mouser over changing....in we form, like microsoft style.
Or it's better use 9i or 10g jdeveloper? or other tchnology?

The cpu resources are only limited once the cpu's are 100% utilized. It is highly unlikely that dom0 will try to use 100% of a cpu, let alone all cpus. Only when there are no idle physical cpus would you run into issues.
You may want to try reducing the number of vcpus in the windows guest. I have seen reports from users claiming that having more vcpus in a windows guest causes it to run slower.

Mouse over / rollover

Similar Messages

Maybe you are looking for