jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 淡入/淡出文本到图像翻转大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我找到并修改一个很好的方法来创建文本到图像翻转,这里: http://jsfiddle.net/pkZAW/12/

$( function() {
  $("#imglink").hover(
    function () {
      $(this).attr('small',$(this).html());
      $(this).html($(this).attr('full'));
    },function () {
       $(this).html($(this).attr('small'));
    }
  );
});​

但是,我需要进入和退出过渡,因为它在缩略图图像上:
http://lydiafraserward.co.uk/index.php?page=producing

经过多次搜索,我无法将此过渡添加到脚本中: – ? .. 有任何想法吗..?

解决方法

我不认为这种情况需要live().我不会在mouseleave函数上使用fadeout,因为动画会叠加起来.

你也可以试试这个:

$( function() {
    $("#imglink").hover(
    function () {
        $(this).attr('small',$(this).html());
        $(this).stop(false,true).fadeOut(250,function() {
            $(this).html($(this).attr('full'));
            $(this).stop(false,true).fadeIn(250);
        });
   },function () {
        $(this).html($(this).attr('small'));

   });
  });

编辑:使用锚标记周围的span标记修复闪烁效果:演示:http://jsfiddle.net/LYjvp/1/

大佬总结

以上是大佬教程为你收集整理的jquery – 淡入/淡出文本到图像翻转全部内容,希望文章能够帮你解决jquery – 淡入/淡出文本到图像翻转所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: