HTML5 SVG圆点控制图片切换代码,这是一个图片切换带分页导航的实例,在每个分页圆点上都有一个SVG圆形线条,当用户点击圆点时,圆形线条以平滑过渡的方式图片切换效果。
//htmlapi.php
query($sql);
$ar=$rs->fetch();
$count=$ar['num'];
$pagecount=ceil($count/$pagesize);
$sql="select id,title from course_lesson_text limit $limit,$pagesize";
$rs=$db->query($sql);
$arr=$rs->fetchAll();
$next=$page+1>$pagecount?$pagecount:$page+1;
$up=$page-1<1?1:$page-1;
$pagea="首页上一页
下一页尾页";
$exit['arr']=$arr;
$exit['page']=$pagea;
exit(json_encode($exit));
?>
//index.php
query($sql);
$ar=$rs->fetch();
$count=$ar['num'];
$pagecount=ceil($count/$pagesize);
$sql="select id,title from course_lesson_text limit $limit,$pagesize";
$rs=$db->query($sql);
$arr=$rs->fetchAll();
?>
-
$value) {
?>









