<div class="mFive mt10" id="student">         <p class="title"><a href="#" class="more r">了解详细></a><span class="fb" >学员</span><br class="clear" /></p>
            <ul><a href="#" class="mfLeft" ></p><a href="#" class="mfRight" ></a> <li>
                 <p class="pImg"><a href="#"><img src="1.jpg" style="height:87px; width:83px;" class="captify"/></a></p>
                    <p class="pName tac lh18 mt5"><a href="#">aaa</a></p>
                </li> <li>
                 <p class="pImg"><a href="#"><img src="1.jpg" style="height:87px; width:83px;" class="captify"/></a></p>
                    <p class="pName tac lh18 mt5"><a href="#">aaa</a></p>
                </li>
<li>
                 <p class="pImg"><a href="#"><img src="1.jpg" style="height:87px; width:83px;" class="captify"/></a></p>
                    <p class="pName tac lh18 mt5"><a href="#">aaa</a></p>
                </li>
<li>
                 <p class="pImg"><a href="#"><img src="1.jpg" style="height:87px; width:83px;" class="captify"/></a></p>
                    <p class="pName tac lh18 mt5"><a href="#">aaa</a></p>
                </li>
                <div class="clear"></div>
            </ul>
        </div>
     
</div>
<script type="text/javascript"> 
  
$(function() {
     $(".mFive mt10").jCarouselLite({
         btnNext: ".mfLeft",
         btnPrev: ".mfRight",
         visible: 5
     });
});
$(document).ready(function(){
$('img.captify').captify({
// all of these options are... optional
// ---
// speed of the mouseover effect
speedOver: 'fast',
// speed of the mouseout effect
speedOut: 'normal',
// how long to delay the hiding of the caption after mouseout (ms)
hideDelay: 500,
// 'fade', 'slide', 'always-on'
animation: 'slide',
// text/html to be placed at the beginning of every caption
prefix: '',
// opacity of the caption on mouse over
opacity: '0.7',
// the name of the CSS class to apply to the caption box
className: 'caption-bottom',
// position of the caption (top or bottom)
position: 'bottom',
// caption span % of the image
spanWidth: '100%'
});
});
</script> 
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.pack.js"></script>
<script type="text/javascript" src="js/captify.tiny.js"></script>
想问 为什么没有效果?那位大虾拔刀相助吧!

解决方案 »

  1.   

    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/jcarousellite_1.0.1.pack.js"></script>
    <script type="text/javascript" src="js/captify.tiny.js"></script>

    <script type="text/javascript">  
       
    $(function() {
      $(".mFive mt10").jCarouselLite({
      btnNext: ".mfLeft",
      btnPrev: ".mfRight",
      visible: 5
      });
    });
    $(document).ready(function(){
    $('img.captify').captify({
    // all of these options are... optional
    // ---
    // speed of the mouseover effect
    speedOver: 'fast',
    // speed of the mouseout effect
    speedOut: 'normal',
    // how long to delay the hiding of the caption after mouseout (ms)
    hideDelay: 500, 
    // 'fade', 'slide', 'always-on'
    animation: 'slide', 
    // text/html to be placed at the beginning of every caption
    prefix: '', 
    // opacity of the caption on mouse over
    opacity: '0.7', 
    // the name of the CSS class to apply to the caption box
    className: 'caption-bottom', 
    // position of the caption (top or bottom)
    position: 'bottom',
    // caption span % of the image
    spanWidth: '100%'
    });
    });
    </script>  
      

  2.   

    -------------
    我是放在上面的,只是发代码的时候,就写在下面了,我在火狐用 firebug  控制台看了,没有问题路径全部正确的。
      

  3.   

    ----------
    想问<img src/prev.jpg" alt="prev" />
    <img src/next.jpg" alt="next" />
    源码是用图片左右点击的,我现在是用超链接的? 超链接是不能用 alt 的呀!