今天我要向大家分享一款很特别的CSS3分页插件，这款分页插件不仅可以点击分页按钮来实现分页，而且可以滑动滑杆来实现任意页面的跳转，看看都非常酷，很适合一些个性化的个人网站使用，当然，这款分页插件也适合ajax翻页，效果都挺不错的。先来看看效果图：怎么样，还挺酷的吧。当然你也可以在这里查看插件的DEMO演示。接下来我们来分享一下源码的实现思路，这里用到了jQuery UI框架，这么酷的滑杆是靠它实现的，不然，写的累死。。...
最近公司的项目将好多分页改成了ajax的前台分页 以前写的分页插件就不好用了，遂重写一个 支持IE6+，但没有动画效果 如果没有硬需求，个人认为没必要多写js让动画在这些浏览器中实现 css3的动画本来就是帮我们取代js中这部分动画代码的 使js更纯粹地去实现逻辑 效果图如下：调用代码如下： 包括常用的加载失败重试，参数可配置是否能手动输入页码，设置按钮数目，可以调用多个page等等，调用代码很简便具体jquery.kun_page.js：/* ...
最近公司的项目将好多分页改成了ajax的前台分页 以前写的分页插件就不好用了，遂重写一个 支持IE6+，但没有动画效果 如果没有硬需求，个人认为没必要多写js让动画在这些浏览器中实现 css3的动画本来就是帮我们取代js中这部分动画代码的 使js更纯粹地去实现逻辑 效果图如下：调用代码如下： 包括常用的加载失败重试，参数可配置是否能手动输入页码，设置按钮数目，可以调用多个page等等，调用代码很简便 <script type="text/javascr...
这是一组适合移动设备使用CSS3分页导航条插件。共有11种不同样式的分页导航条。它们在移动设备上能够很好的工作，是一款移动优先的分页导航条插件。分页导航条的作用是用户通过分页链接来浏览你的全部内容。一个可替代的方法是使用瀑布流布局，它们各有长处和短处。 在线演示：http://www.htmleaf.com/Demo/201501241269.html 下载地址：http://www.htmleaf.com/css3/daohangcaidan/201501241268.html
简单好用的html框架，预览图见最后； 源码； 1.页面布局使用table； table 嵌套 +iframe 布局； 2.下拉菜单为jq+css3 动画; css input 无边框，select下拉菜单美化 1 input{appearance:none;background-color:transparent;border: solid 0px #000;} /*input 无边框*/2 input:disabled{background-color:#d2d2d2;border:0px;}3 select {border: solid 1px #000; appearance:none;-moz-appearance:none;...
简单好用的html框架，预览图见最后； 源码； 1.页面布局使用table；table 嵌套 +iframe 布局； 2.下拉菜单为jq+css3 动画;css input 无边框，select下拉菜单美化1 input{appearance:none;background-color:transparent;border: solid 0px #000;} /*input 无边框*/ 2 input:disabled{background-color:#d2d2d2;border:0px;} 3 select {border: solid 1px #000; appearance:none;-moz-appearance:none; -webkit-appearance:none; pad...
简要教程这是一款效果非常酷的纯CSS3带过渡动画特效的分页条ui设计效果。该分页条的首页、尾页、上一页和下一页按钮在鼠标滑过时，会带有非常好看的平滑拉伸动画效果。并且整个分页条带有很漂亮的阴影效果。使用方法 HTML结构该分页条的HTML结构如下：使用<section>元素来包裹一组无序列表。<section class="archive-pages"><ul><li class="first"><a href="#" title="first page">first page</a></li><li class="previous"><a hre...