·Jquery文件 V3.6.0
<script type="text/javascript" src="http://cdn.ttde.cn/lib/jquery/jquery.min.js"></script>
·swiper文件
<script type="text/javascript" src="http://cdn.ttde.cn/lib/swiper/swiper-bundle.min.js"></script>
<link rel="stylesheet" href="http://cdn.ttde.cn/lib/swiper/swiper-bundle.min.css" />
使用说明
·Layui文件
<script type="text/javascript" src="http://cdn.ttde.cn/lib/layui/layui.all.js"></script>
<link rel="stylesheet" href="http://cdn.ttde.cn/lib/layui/css/layui.css" />
·页面模块加载动画
<script type="text/javascript" src="http://cdn.ttde.cn/lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.ttde.cn/lib/animation/smart.animation.min.js"></script>
<link rel="stylesheet" href="http://cdn.ttde.cn/lib/animation/smart.animation.css" />
例子
<div class="animated" smanim='{"delay":0.75,"duration":0.75,"direction":"","animationName":"zoomIn","infinite":"1"}'/>从小变大</div/>
<div class="animated" smanim='{"delay":0.75,"duration":0.75,"direction":"Up","animationName":"slideIn","infinite":"1"}'/>从上到下</div/>
<div class="animated" smanim='{"delay":0.75,"duration":0.75,"direction":"Down","animationName":"slideIn","infinite":"1"}'/>从下到上</div/>
<div class="animated" smanim='{"delay":0.75,"duration":0.75,"direction":"Left","animationName":"slideIn","infinite":"1"}'/>从左到右</div/>
<div class="animated" smanim='{"delay":0.75,"duration":0.75,"direction":"Right","animationName":"slideIn","infinite":"1"}' />从右到左</div/>
<script type="text/javascript"/>
$(function () {
$('.animated').smanimate();
});
</script/>
·jquery.tableSort.js表格排序插件
<script type="text/javascript" src="http://cdn.ttde.cn/lib/jquery.tableSort.js/jquery.tableSort.js"></script>
<table id="tbStudent" class="table">
<tr>
<th>编号</th>
<th class="no-sort">姓名</th>
<th>性别</th>
<th>总分</th>
</tr>
<tr>
<td>1031</td>
<td>李渊</td>
<td>男</td>
<td>654</td>
</tr>
<tr>
<td>1021</td>
<td>张扬</td>
<td>>男</td>
<td>624</td>
</tr>
</table>
<script>
$(function() {
$('table').tablesort().data('tablesort');
})
//点击事件只会绑定table里的th
//排序只会针对table里的td所在的行
// 对不参与排序的列,增加class="no-sort"
</script>
<style>
/* 定义不参与排序列的样式 */
th.no-sort,
th.no-sort:hover {
background: #f4f4f4;
cursor: not-allowed
}
/* 定义点击排序列插入上下箭头样式 */
th.sorted.ascending:after {
content: " \2191"
}
th.sorted.descending:after {
content: " \2193"
}
</style>
·prism 代码高亮展示
<script type="text/javascript" src="http://cdn.ttde.cn/lib/prism/prism.js"></script>
<link rel="stylesheet" href="http://cdn.ttde.cn/lib/prism/prism.css" />
·angular JS
<script type="text/javascript" src="http://cdn.ttde.cn/lib/angular/angular.min.js"></script>
·awesome 字体文件
<link rel="stylesheet" href="http://cdn.ttde.cn/lib/awesome/font.css" />
·cropper.js 图片裁剪操作插件库,支持移动端
<link rel="stylesheet" href="http://cdn.ttde.cn/lib/cropper/cropper.min.css"/>
<script src="http://cdn.ttde.cn/lib/jquery/jquery.min.js"/></script/>
<script src="http://cdn.ttde.cn/lib/cropper/cropper.min.js"/></script/>
使用说明
require.js 脚本加载器
<script src="http://cdn.ttde.cn/lib/require/require.js" /></script/>
使用说明
plupload 前端上传组件
使用说明
文件