这篇文章主要介绍了jquery渐隐渐显的图片幻灯闪烁切换实现方法,实例分析了jQuery操作图片的技巧及鼠标事件用法,需要的朋友可以参考下
本文实例讲述了jquery渐隐渐显的图片幻灯闪烁切换实现方法。分享给大家供大家参考。具体实现方法如下：
复制代码 代码如下:
<!--把下面代码加到与之间-->
body{font-size:12px;letter-spacing:1px;font-family:"Microsoft YaHei";line-height:1.8em;}
div,ul,li{margin:0;padding:0;}
.slides{position:relative;width:700px;height:300px;overflow:hidden;border:1px solid #ccc;}
.slides img{width:700px; height:300px;}
.slides .ico{position:absolute; right:8px;bottom:6px;}
.slides .ico li{background:#fff;float:left;display:block;width:15px;height:15px;line-height:15px;border:1px solid #cecece;font-family:Arial,Helvetica,sans-serif;text-align:center;margin:2px;padding:1px;cursor:pointer;}
.slides .ico li.high{background:#7f0019;color:#fff;font-weight:bolder;}
预览效果时左下角会提示错误，而且看不到效果，刷新一下就可以看到效果了；当然，在实际使用中，不会出现这样的问题。
<!--把下面代码加到与之间-->
希望本文所述对大家的jQuery程序设计有所帮助。
以上就是jquery渐隐渐显的图片幻灯闪烁切换实现方法的详细内容，更多请关注本站其它相关文章！
