fadeout

jQuery: fading out 2 elements, when 1 has been clicked

由 青春壹個敷衍的年華 提交于 2019-12-24 05:51:52
问题 I have a PHP/PostgreSQL/Oracle-script which displays links as "tags", which can be clicked to display only the database records matching that "tag". And then I have an "X" near every "tag", so that the user can hide uninteresting "tags": I would like to add a fade out effect to the both elements (the "tag" and the "X") - when the "X" has been clicked. So I am trying: <!DOCTYPE html> <html> <head> <style> a.hide { color:#3E6D8E; background-color: #E0EAF1; border-bottom: 1px solid #3E6D8E;

jQuery: fading out 2 elements, when 1 has been clicked

由 这一生的挚爱 提交于 2019-12-24 05:50:59
问题 I have a PHP/PostgreSQL/Oracle-script which displays links as "tags", which can be clicked to display only the database records matching that "tag". And then I have an "X" near every "tag", so that the user can hide uninteresting "tags": I would like to add a fade out effect to the both elements (the "tag" and the "X") - when the "X" has been clicked. So I am trying: <!DOCTYPE html> <html> <head> <style> a.hide { color:#3E6D8E; background-color: #E0EAF1; border-bottom: 1px solid #3E6D8E;

Java: Fade out music

由 被刻印的时光 ゝ 提交于 2019-12-24 02:06:31
问题 I'm making a game. Now if my player goes to another level the music is still playing. Now I want to let the music fade out to let start the new music of the next level. I use mp3 to play. With the packages: jl1.0, mp3spi1.9.4, tritonus_share-0.3.6. Oh yeah. Volume is not supported in the FloatControll class. 回答1: I suppose you're trying to get Volume control instead of MasterGain . Try this: if (line.isControlSupported(FloatControl.Type.MASTER_GAIN)) { masterGain = (FloatControl) line

fadeIn / fadeOut jquery problem with IE7/8 & png

由 ∥☆過路亽．° 提交于 2019-12-24 01:45:33
问题 Hey guys, I am trying to make a magnifying glass background when the use hovers over an image that can be enlarged. This is using a blank span and setting its display to none until it is hovered, and having its background be a semi-transparent png with a magnifying glass in the center. This is done using fadeIn / fadeOut and works perfectly in all of the other browsers besides IE. In IE, the background of the image flashes to dark gray before fading to the correct image on hover and hover out

Jquery fadeIn/fadeOut animation issues

由 不羁岁月 提交于 2019-12-23 19:38:32
问题 I am using Jquery FadeIn/FaeOut to show and hide content on my page. Like so: $('.subnav_company').click(function(){ $('.aboutcontent').fadeOut('slow'); $('.company').fadeIn('slow'); }); My problem is that because the div '.company' is positioned below '.aboutcontent' when '.company' is shown it appears below '.aboutcontent' until the div has hidden fully, creating a unsmooth transition effect. How can I make the transition between showing and hiding the divs smooth? Not jumpy. Here is the

Fading between images

由 佐手、 提交于 2019-12-23 15:52:05
问题 How can i fade rotate between two images using jQuery? Say for example. <img src="image01.jpg" /> <img src="image02.jpg" /> I like the images to fade in/out between for say 2seconds each. Thanks! Much appreciated. :) 回答1: A simple example i knocked up. <div id="imageSwap"> </div> <script language="javascript" type="text/javascript"> $(document).ready(function () { setImageOne(); }); function setImageOne() { $('#imageSwap').fadeIn(500).html('<img src="image01.jpg" />').delay(2000).fadeOut(500,

jQuery show/hide - Question about the delay variable

由 喜夏-厌秋 提交于 2019-12-22 04:59:10
问题 I'm using the following code to show a box when you mouseover a certain div and have set the delay on the fade out but is there some way of cancelling the fadeOut effect if the user goes back on to the div? jQuery("#cart-box").hover(function() { jQuery("#cart-container").fadeIn('fast'); }, function( ) { jQuery("#cart-container").delay(800).fadeOut('fast'); }); Code for the divs <div class="cart-box" id="cart-box"><a href="#">Cart</a><div class="cart-container" id="cart-container"><div class=

jQuery - fade out when clicking on parent element (and not the parents children)?

由 妖精的绣舞 提交于 2019-12-21 20:22:05
问题 I've got the following code on my page, and what i'm trying to do is that when a user clicks outside the #loginBox, i want the entire #loginOverlay to fadeout. But i can't achieve this effect without having the fadeout triggered by clicking on #loginBox... It's placed on the bottom of the page, and i have a link on the page that triggers the fadein. But the fadeout is a bit struggling now tbh. I tried doing this: $("#loginOverlay").click(function() { ...fadeout... }); but it gives me the same

jQuery - fade out when clicking on parent element (and not the parents children)?

由 笑着哭i 提交于 2019-12-21 20:20:09
问题 I've got the following code on my page, and what i'm trying to do is that when a user clicks outside the #loginBox, i want the entire #loginOverlay to fadeout. But i can't achieve this effect without having the fadeout triggered by clicking on #loginBox... It's placed on the bottom of the page, and i have a link on the page that triggers the fadein. But the fadeout is a bit struggling now tbh. I tried doing this: $("#loginOverlay").click(function() { ...fadeout... }); but it gives me the same

Remove row from table with fadeOut effect

由 不打扰是莪最后的温柔 提交于 2019-12-21 12:17:43
问题 I have a table that has some rows,each row has a background. There is a button that remove specified row with jQuery fadeOut, but during the operation the design doesn't good.cells background will be white. $(document).ready(function(){ $(".btn").click(function(){ $("#row").fadeOut(); }); }); This jsfiddle describes my problem better. 回答1: The below code will achieve a shrinking row and then hide it without turning the background white $(document).ready(function(){ $(".btn").click(function(){
订阅 fadeout