Search the Community
Showing results for tags 'mouseenter'.
-
Hi *** MY CONFIGURATION *** PHP 7.2.24 WBCE CMS 1.4.23 TEMPLATE : Acourdesz (horizontal accordion header) The “Acourdesz“ template comes with a horizontal accordion header that panes are opening on following mouse cursor movement detection : left to right and reversely ; up to down and reversely. I think that one may better reply to my question hereafter, knowing the accordion code structure from this demo page : http://www.dynamicdrive.com/dynamicindex17/haccordion.htm My wish is to prevent the panes opening when the mouse cursor is moved from up to down and reversely, so that panes only opens when mouse cursor is moved from left to right (and inversely). To achieve this, I may use one of my CMS add-on module that allows to include PHP, JS, or HTML code to a template or page (screenshot) : https://addons.wbce.org/pages/addons.php?do=item&item=37 Can someone help me to know what coding string to include using this module, so that it constrains the accordion to behave as I wish it to ? Regards
-
Hello everybody, I've got a little problem that I cannot get working. Hope you experts here could help me out with this. I found this hamburger menu animation by Jonsuh: https://jonsuh.com/hamburgers That thing is really nice. Now I want to trigger the animation on hover instead of click. I'd like to hover another item (e.g. 'code') and trigger the animation. Hovering 'code' would start animation and leaving the item would transform hamburger back. I tried it with the mouseover/mouseout function.... but don't know how to get this working with hamburger. I'd really appreciate every help and info. Thanks in advance!
- 8 replies
-
- mousover
- mouseenter
-
(and 3 more)
Tagged with:
-
Hey there. I've been reading up on this in the various tutorials, but I don't really know if I'm going about it the right way, so I guess I'm going to be asking yet another question... I made some playback buttons for my site's slideshow (which Don E. was kind enough to make, seen here: http://w3schools.inv...=0), and I would like to add a hover effect to them. I have another set of button-images to be used for the hover effect, so that the buttons would go from red (normal) to green (moused-over). The jQuery "mouseenter" function seems like it would do what I'm looking for, I just don't really know how to deal with images. This is the section of javascript that operates the buttons: function slide(){imgSlide.src = images[pic].src;if(pic < 1) // images.length - 1 can be used here{pic++;}else{pic = 0 }timer = setTimeout(slide, 5000);} function prev(){if(timer)stopSlide(); if(pic == 0){ pic = 1; imgSlide.src = images[pic].src;}else{pic--;imgSlide.src = images[pic].src;}} function next(){if(timer)stopSlide(); if(pic == 1){ pic = 0;imgSlide.src = images[pic].src;}else{pic++;imgSlide.src = images[pic].src;} } function stopSlide(){clearTimeout(timer);} The buttons themselves in the <body> tag (I shortened the URLs so that my site's name wouldn't show): <a href="JavaScript:stopSlide()" title="Stop"><img src="stop.png"></a> <a href="JavaScript:prev()" title="Previous"><img src="back.png"></a> <a href="JavaScript:slide()" title="Start"><img src="play.png"></a> <a href="JavaScript:next()" title="Next"><img src="next.png"></a> If anyone could point me in the right direction of how to do this, I'd really appreciate it.