基于jQuery+vue制作的一款带实时节气创意圆形罗盘时钟动画特效，旋转走动效果，非常酷炫。效果图： 

采用php知识再结合shark-ui组件，开发的无刷新分页代码，仿Bootstrap分页样式css,3种方法显示加载数据！javascript代码：<script type="text/javascript"> $("#list").load("data.php?page=1"); var mypager = $.fn.sharkPager({ page: 1, totalPages: <? echo $pages;?>, //总页数 hl: { firstpage: 'first', prevpage: 'previous', nextpage: 'next', lastpage: 'last', gopage: 'go' }, segmentSize: 5, //显示页码长度 startFrom: 1, //起始页 gopage: true, //跳转按钮 onPageChanged: function(p) { console.log('跳转到第：' + p + '页'); //当前页数 //方法1 //$("#list").load("data.php?page="+p); //加载页面 //方法2 $.post("data.php", {page: p}, function(data) { $("#list").html(data); }); //方法3 /* $.ajax({ type: "POST", url: "data.php", data: {page: p}, success: function(data){ $("#list").html(data); } }); */ } }); $('#pagerContainer').append(mypager.component); </script>使用方法：1.导入article.sql2.修改data.php和 index.php数据库配置 

资源简介网站自适应PC+手机自适应打开index.html文件修改或替换你的信息每次打开页面都会随机展示背景图 （增加背景图文件img.php）背景图片储存数据（static/images）