内部文件公共调用

·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 前端上传组件

使用说明

文件