简单,快速用bootstarp美化默认thinkphp的分页样式
来源:互联网 发布:鼠标手写输入法 mac 编辑:程序博客网 时间:2024/05/29 05:54
思路:
查看生成出来的分页html代码,发现里面就是由a标签和span标签和文字信息组使成一起。而bootstarp中的按钮样式正好可以用于a和span标签。
于是方法步骤如下:
1、在显示的分页html处加上一个div或其它的父层(一般情况下你就是这么做的).把一个样式名称,这个名称是可以没有定义的css名。如:
<div class="bootstarp_fenye">{$page}</div>
2、在页面加载完成后,添加两条js语句:
$(".bootstrap_fenye a").addClass('btn btn-default btn-xs');
$(".bootstrap_fenye span").addClass('btn btn-primary btn-xs');
重新打开页面,你就可以看到效果了。当然你也可以用此方法改其它的页面的分页效果,也可以改得更漂亮的。
查看生成出来的分页html代码,发现里面就是由a标签和span标签和文字信息组使成一起。而bootstarp中的按钮样式正好可以用于a和span标签。
于是方法步骤如下:
1、在显示的分页html处加上一个div或其它的父层(一般情况下你就是这么做的).把一个样式名称,这个名称是可以没有定义的css名。如:
<div class="bootstarp_fenye">{$page}</div>
2、在页面加载完成后,添加两条js语句:
$(".bootstrap_fenye a").addClass('btn btn-default btn-xs');
$(".bootstrap_fenye span").addClass('btn btn-primary btn-xs');
重新打开页面,你就可以看到效果了。当然你也可以用此方法改其它的页面的分页效果,也可以改得更漂亮的。
0 0
- 简单,快速用bootstarp美化默认thinkphp的分页样式
- 打造简单实用的Thinkphp分页样式(Bootstrap版本)
- ThinkPHP的分页样式修改
- thinkphp框架的简单分页
- thinkphp分页样式
- thinkphp 分页 修改分页样式
- Thinkphp的URL美化
- Bootstarp 基础 默认对代码的处理
- phpcmsV9调用默认的分页样式
- THINKPHP快速创建分页
- 分享比较好看的thinkphp二十多种分页样式
- thinkphp 简单分页
- thinkphp简单分页功能
- ThinkPhp 简单分页
- Thinkphp+easyui 简单分页
- html 美化滚动条默认样式
- 纯css3美化checkbox、radio默认样式
- [php] Thinkphp分页配置及分页样式
- 为什么要使用Python?
- C语言中的浮点数比较
- 数据结构——线性表
- 【ITOO】--迎新系统,时间都去哪了?
- 一般的希尔排序
- 简单,快速用bootstarp美化默认thinkphp的分页样式
- Max Num
- w3m 里设置键位映射
- 创建Material Design风格的Android应用--应用主题
- libsvm遥感图像的分类(MATLAB中进行)
- 1、黑马程序员-OC语言前期准备
- iPhone开发技巧之环境篇(7)--- 区分不同版本的iPhone
- uboot 最重要的变量存储结构体gd
- 技能冷却图标实现