手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于Jquery代码实现支持PC端手机端幻灯片代码
基于Jquery代码实现支持PC端手机端幻灯片代码
摘要:分享一款支持PC端手机端幻灯片代码是一款支持移动触摸,支持鼠标拖拽切换,支持带进度条的自动播放模式。交果图如下:效果演示源码下载html代码...

分享一款支持PC端手机端幻灯片代码是一款支持移动触摸,支持鼠标拖拽切换,支持带进度条的自动播放模式。交果图如下 :

基于Jquery代码实现支持PC端手机端幻灯片代码1

效果演示源码下载

html代码:

<div> <ul> <li data-title="Slide 1"> <img alt="" src="img/beasts_feature.jpg"> </li> <li data-title="Slide 2"> <img alt="" src="img/element-taiwan-thmb.jpg"> </li> <li data-title="Slide 3"> <img alt="" src="img/streets-newyork.jpg"> </li> </ul> </div> <script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/jflex.min.js"></script> <script type="text/javascript"> $('.flex').jFlex({ autoplay: true }); </script>

【基于Jquery代码实现支持PC端手机端幻灯片代码】相关文章:

jQuery实现鼠标经过图片变亮其他变暗效果

基于zepto的移动端轻量级日期插件--date

JQuery实现动态添加删除评论的方法

jQuery结合ajax实现动态加载文本内容

jquery简单实现外部链接用新窗口打开的方法

jQuery实现文本展开收缩特效

基于jQuery实现的无刷新表格分页实例

基于JavaScript实现智能右键菜单

Jquery注册事件实现方法

jquery实现用户打分评分特效

精品推荐
分类导航