jquery slidetoggle()很棒,但我一直认为它缺少的一件事是在滑动动画中逐渐消失。当我编写这种位置的迭代绝对时,我想要这种动画,所以我去那里并编码了它。

这是一个非常小的插件,但我仍然发现效果冷却比常规滑动。

查看演示

让这个工作

首先在头文件中添加依赖项,

<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/JavaScript" src="js/jquery.fadeSliderToggle.js"></script>

在您的DOM准备好添加如下:

$(document).ready(function() {
 $(".fadeNext").click(function(){   
  $(this).next().fadesliderToggle()
  return false;
 })
})

自定义

您可以轻松更改动画速度或缓解(您需要jQuery UI以进行非默认宽松)。

 $(".tagBtn").click(function(){   
  $(this).next().fadesliderToggle({
    speed:300,
    easing : "swing"
  })
  return false;
 })

那’s it !

下载源代码 查看演示

版本1.1在线
7月7日,Version1.1:IE错误校正

测试:
Firefox 3+
互联网爆炸6.&7
Safari 4.



如果您喜欢并使用此脚本,请考虑为我买啤酒’廉价和一种简单的方法来回馈!





广告

测试国王 为您提供专业人士 tesking cisa. 用自我节奏的培训 tesking 642-357. 研究指南,帮助您跟上信息技术的最新工具和趋势。

64 thoughts on “jquery淡化和滑动切换插件

  1. 那’s very nice indeed – I’ve也使插件非常类似于这样的插件,但随着另一个之后的滑动效果,我想知道你是否’D感兴趣的是看看…

  2. 你好

    我是Zenphoto CMS主题的创造者。
    这个主题使用您的脚本“褪色和切换幻灯片”:谢谢你向社区提供。

    我有一个问题:有没有办法在某些情况下强制执行脚本?

    我解释 :
    我的评论框是由脚本显示的。
    但是,当您验证您的评论时,刷新刷新,框中的框是隐藏的。
    所以你可以’看看你的评论,但更糟糕的是,你无法看到发出评论中的错误(例如,电子邮件丢失或无效)

    你可以看完它:
    http://vincent.bourganel.free.fr/zenphoto/index.php?p=news&title=zpArdoise-a-ZenPhoto-ZenPage-theme

    你有解决问题吗?
    提前感谢任何帮助!

评论被关闭。