首页 > web前端 > js教程 > 正文

基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)的介绍

不言
发布: 2018-07-02 14:50:16
原创
1560 人浏览过

这篇文章主要介绍了关于基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)的介绍,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

jquery-slider幻灯片插件通过json数据来提供图片地址和描述信息,同时也可以更换json数据来动态切换不同的图片,对json数据jquery幻灯片插件相关知识感兴趣的朋友一起学习吧

jquery-slider是一款基于JSON格式数据的jQuery幻灯片插件。该幻灯片通过JSON数据来提供图片地址和描述信息等,你可以通过更换JSON数据来动态切换不同的图片。

使用方法

在页面中引入jquery和slider.js文件和font-awesome字体图标文件。

<link rel=&#39;stylesheet&#39; href=&#39;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css&#39;>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
登录后复制

HTML结构

使用一个

作为幻灯片的容器,里面放置作为前后导航按钮的

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!