[问题] 请问淡入淡出程式码

楼主: SophiaH (Sophia)   2015-03-11 17:27:15
学 JS新手目前也自修 jQuery..
想请问一个书上范例问题, 以下范例 A 如缩减改成 B 就无效,(一进入网页就会
显示超连结的字, 不等 hover效果才显示), 但书上说 jQ 支援串联可在同一行code
新增多种方法使程式简洁, 不知是哪里理解有误, 因目标都是同一选择器, 以为
可串在一起...谢谢
范例 A
$(document).ready(function() {
$(".more").hide();
$('.tip').hover(function() {
$('.more').fadeIn('800');
}, function() {
$('.more').delay("500");
$('.more').fadeOut('800');
});
});
范例 B
$(document).ready(function() {
$(".more").hide();
$('.tip').hover(function() {
$('.more').fadeIn('800').delay("500").fadeOut('800');
});
});
作者: KawasumiMai (さあ、死ぬがいい)   2015-03-11 17:42:00
你要串联的意思是同时执行还是顺序执行?.fadeIn().fadeout() 这样是顺序执行
作者: CrazyAngel (无口系天然呆)   2015-03-11 17:50:00
A是hoverin的时候fadein,hoverout的时候delayfadeoutB是hoverin或hoverout都fadein defay fadeout
楼主: SophiaH (Sophia)   2015-03-12 13:05:00
请问K大的意思是, 同时执行时才能将code串联是吗 ? Thks是吗 ?! 那么能不能将这些方法串联表示呢 ?给C大的第一句没发成功, 也谢谢C大,但看不太懂..意思是说"都fadein defay fadeout" 这种行为也可成立
作者: KawasumiMai (さあ、死ぬがいい)   2015-03-12 16:14:00
不懂,这两个范例都用线上测试测试过了,可以执行只是造成的效果不同,同C大说的那样串联本来就不是同时是顺序,只是看不太懂你想要怎样的效果。A跟B的效果不一样,并不是纯缩减的差异,然后一样ready内more执行hide,tip挂hover,没道理B一开始没hide成功啊
楼主: SophiaH (Sophia)   2015-03-13 16:15:00
to K大, 我的意思是能否将 A的code 缩写成 B那样而有一样的效果, 原以为是不行..因为我缩写成B 却没任何效果出来
作者: KawasumiMai (さあ、死ぬがいい)   2015-03-13 18:23:00
就...hove两个参数,一个In,一个Out你A要转B只能串后两个不能串fadeIn吧?( func(){fadeIn()} , func(){delay().fadeOut()} )串起来就全部变成In的部分了,没有Out的部分
楼主: SophiaH (Sophia)   2015-03-14 15:29:00
感谢 K大解说, 我再试做想想
作者: ChiuTW (Chiu)   2015-04-19 02:43:00
.hover(x,y) 跟 .hover(x) 不一样

Links booklink

Contact Us: admin [ a t ] ucptt.com