<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>
想问 为什么没有效果?那位大虾拔刀相助吧!
<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>
想问 为什么没有效果?那位大虾拔刀相助吧!
<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>
我是放在上面的,只是发代码的时候,就写在下面了,我在火狐用 firebug 控制台看了,没有问题路径全部正确的。
想问<img src/prev.jpg" alt="prev" />
<img src/next.jpg" alt="next" />
源码是用图片左右点击的,我现在是用超链接的? 超链接是不能用 alt 的呀!