JQeruy缓动对联广告插件

 查看演示  website  立即下载

=======以下内容由 菜鸟交流论坛 提供==========

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/test.js"></script>

第一种用法：
<!--可以设置两个不同的广告-->

<script type="text/javascript">
  $(function(){
    $(".coupletbox").clonefn({
       cloneto:false,//是否允许克隆
       initial:"top", //初始位置top或down
       closeBtn:".closeBtn",//关闭按钮
       speed:800,//动画速度
       easing:"easeInOutBack",//扩展动画，是基于jQuery Easing v1.3官方下载地址http://gsgd.co.uk/sandbox/jquery/easing/
       zIndex:10000000000000 //层
  });
});

</script>

<!--对联广告-->

<div class="coupletbox" style="width:150px; height:300px; background:#f00;">
  <a href="#" class="closeBtn" id="btnxx" title="关闭">&times;关闭</a>
</div>
<div class="coupletbox" style="width:150px; height:300px; background:#f00;">
  <a href="#" class="closeBtn" id="btnxx" title="关闭">&times;关闭</a>
</div>

<!--End对联广告-->

第二种用法：
<!--一个广告复制到另一边-->

<script type="text/javascript">
$(function(){
  $(".coupletbox").clonefn({
     cloneto:true,//是否允许克隆
     initial:"top",//初始位置top或down
     closeBtn:".closeBtn",//关闭按钮
     speed:800,//动画速度
     easing:"easeInOutBack",//扩展动画，是基于jQuery Easing v1.3官方下载地址http://gsgd.co.uk/sandbox/jquery/easing/
     zIndex:10000000000000 //层
   });
});
</script>

<!--对联广告-->

<div class="coupletbox" style="width:150px; height:300px; background:#f00;">
   <a href="#" class="closeBtn" id="btnxx" title="关闭">&times;关闭</a>
</div>

<!--End对联广告-->

PREVIOUS:
NEXT:
代码高亮插件
jQuery按省选择学校