jquery - When the animation has run once I can still see the text in a very light opacity, could someone please help remove this? -


when animation has run once can still see text in light opacity, please remove this?

here jsfiddle

$(document).ready(function () {  $('.btn').click(function () {      $('.tooltip').animate({          opacity: 0,      }, 0);      $('.tooltip').animate({          bottom: '40px',          width: '163px',          opacity: 1      }, 400);      $('.tooltip').css({          'display': 'block',      }).delay(1400);      $('.tooltip').animate({          opacity: 0,          bottom: '30px'      }, 200);  }); });

while did observe problem, have agree billy moat in it's optical illusion. there way can improve upon tooltip. after first time stay visible transparent. allows use select text (notice mouse cursor change when hovering).

you can fix using display:none or visibility:hidden hide after animation completed.

jsfiddle

js

 $(document).ready(function () {      $('.btn').click(function () {          $('.tooltip')              .addclass('show')              .animate({                  opacity: 0,              }, 0)              .animate({                  bottom: '40px',                  width: '163px',                  opacity: 1              }, 400)              .delay(1400);          $('.tooltip')              .animate({                  opacity: 0,                  bottom: '30px'              }, 200);          settimeout(function () {              $('.tooltip').removeclass('show');          }, 2000);      });  });

css

.tooltip {     visibility:hidden;     width: 164px;     left: 6px;     display: block;     height: 33px;     position: absolute;     bottom: 20px;     background-image: url('http://www.rusterholz.dk/btn.png');     background-repeat: no-repeat;     background-position: top left; } .tooltip.show {     visibility:visible; }

Comments

Post a Comment

Popular posts from this blog

monitor web browser programmatically in Android? -

i've got tricky question here. need users make payment bank (namely barclaycard) in uk. so, have https url , add parameters (such amount pay, order reference, etc) url, start http connection intent.actionview, redirect user browser can enter credit card details on bank's webpage , make payment our account successfully. far ? the code use below (i changed values privacy reasons) problem is, need app when user has completed/failed/cancelled payment. barclaycardautomatically redirects particular url when payment has succeeded, 1 if failed. there no way of knowing when barclaycard payment has succeeded go android app somehow ? button cardbutton = (button) findviewbyid(r.id.card_button); cardbutton.setonclicklistener(new view.onclicklistener() { @override public void onclick(view arg0) { string prehashstring = new string(); string prohashstring = new string(); string shapassphrase = new string(); shapassphrase = "gsvth£h70zkh...
Read more

Shrink a YouTube video to responsive width -

i have youtube video embedded on our website , when shrink screen tablet or phone sizes stops shrinking @ around 560px in width. standard youtube videos or there can add code make go smaller? you can make youtube videos responsive css. wrap iframe in div class of "videowrapper" , apply following styles: .videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } the .videowrapper div should inside responsive element. padding on .videowrapper necessary keep video collapsing. may have tweak numbers depending upon layout.
Read more

c# - Using multiple datasets in RDLC -

i working on rdlc reports, , reports work fine. got stuck when added 1 more dataset rdlc file. on adding dataset, added data source well. ran project, , report no more working giving error: a data source instance has not been supplied data source can 1 please guide me on steps take in order use multiple datasets. using visual studio 2012. multiple datasources added follows: reportviewer1.localreport.datasources.add(rds); reportviewer1.localreport.datasources.add(rds1); refer link: http://www.c-sharpcorner.com/uploadfile/robo60/standalonerdlcreports11142007183516pm/standalonerdlcreports.aspx all parts covered in this. also refer usefull discussion: http://forums.asp.net/t/1241964.aspx
Read more