11款适合移动设备使用CSS3分页导航条

这是一组适合移动设备使用CSS3分页导航条插件。共有11种不同样式的分页导航条。它们在移动设备上能够很好的工作,是一款移动优先的分页导航条插件。分页导航条的作用是用户通过分页链接来浏览你的全部内容。一个可替代的方法是使用瀑布流布局,它们各有长处和短处。

在线演示:http://www.htmleaf.com/Demo/201501241269.html

下载地址:http://www.htmleaf.com/css3/daohangcaidan/201501241268.html

时间: 2024-11-07 20:03:00

11款适合移动设备使用CSS3分页导航条的相关文章

使用CSS3制作导航条和毛玻璃效果

导航条对于每一个Web前端攻城狮来说并不陌生,但是毛玻璃可能会相对陌生一些.简单的说,毛玻璃其实就是让图片或者背景使用相应的方法进行模糊处理.这种效果对用户来说是十分具有视觉冲击力的. 本次分享的主题:通过CSS3来制作类似下面的导航条和毛玻璃效果. 导航条是梯形形状的. 背景区域的毛玻璃效果. 把导航条和毛玻璃效果在一篇文章中分享其实是有原因的.因为这两个效果的实现离不开一个重要的思想. 用语言来描述就是:父元素设置position:relative,其伪元素(after或者before)设置

织梦文章页分页导航条 分页代码副标题调用

后台  系统--> 系统基本参数---> 性能选项 (是/否)开启分页标题,开启会影响HTML生成速度(cfg_arcsptitle): 如果开启了这个函数,将启用分页标题,我们在发布普通文章的时候会在编辑器看到添加“#p#副标题#e#”这个代码,开启后分页标题的功能才可以使用,不过需要在模板中加入{dede:pagetitle style='select'/}标签 然后将 “#p#副标题#e#” 副标题修改成 你文章页面分页的标题即可. 标签详解: pagetitle:表示获取DedeCms

织梦文章页分页导航条

后台  系统--> 系统基本参数---> 性能选项 (是/否)开启分页标题,开启会影响HTML生成速度(cfg_arcsptitle): 如果开启了这个函数,将启用分页标题,我们在发布普通文章的时候会在编辑器看到添加“#p#副标题#e#”这个代码,开启后分页标题的功能才可以使用,不过需要在模板中加入{dede:pagetitle style='select'/}标签 然后将 “#p#副标题#e#” 副标题修改成 你文章页面分页的标题即可. 标签详解: pagetitle:表示获取DedeCms

9款超绚丽的HTML5/CSS3应用和动画特效

1.CSS3飘带状3D菜单 菜单带小图标 这次我们要来分享一款很特别的CSS3菜单,菜单的外观是飘带状的,并且每一个菜单项有一个精美的小图标,鼠标滑过菜单项时,菜单项就会向上凸起,像是飘带飘动一样,形成非常酷的3D视觉效果.这款CSS3飘带状3D菜单非常适合作一些活动页面的菜单导航. 在线演示 源码下载 2.HTML5/CSS3 3D纸片折叠动画 今天我们再来分享一款非常华丽的HTML5/CSS3 3D动画特效,尽管它目前很少能在项目中应用,但从源码中我们可以学到很多HTML5 3D动画的制作知

linux系统下,11款常见远程桌面控制软件

linux系统下,11款常见远程桌面控制软件 一. Grdc 它是一个用GTK+编写的,适用于gnome桌面环境的远程桌面访问软件.看图: 常见功能: 1.提供全屏,窗口化的远程控制.支持高分辨率下的窗口显示以及调整. 2.可浮动的工具栏 3.可抓取键盘 4.支持建立一个“常用访问列表” 5.连接快速,高效 6.全屏模式下,当鼠标划过屏幕边缘时自动滚动 7.全屏模式下工具栏同样支持浮动效果,可直接进行例如模式切换,键盘抓取最小化等常见操作. 8. rdesktop 支持RDP协议, 9. 支持

如何用最简单的方法将PCweb改成适合各种设备的web

使web页面自适应设备大小 1)用一个<div>包围<body>的内容 2)该div属性的宽度设为100%   (宽度设为100%后,页面会随着设备窗口大小自动改变) 3)高度:通过window.innerHeight获得设备高度在通过jQuery的css()动态改变元素 (如果没有设高度,则页面高度会随着内容高度的变化而变化) 1 <style> 2 *{ 3 margin:0; 4 padding:0; 5 } 6 .knr{ 7 margin:0 auto; 8

CSS3+Js制作的一款响应式导航条

今天制作了一个响应式导航条,能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式,这里主要用到的就是CSS3的Media Query.具体可以查看浅谈响应式布局这篇文章,这里就不花费大量的篇幅介绍了,主要看一下这个导航条该怎么做. 另外需要提到的是,ie6-ie8是不支持CSS3的Media Query的,因此对于ie6-ie8我们需要特殊处理,就让他们保持默认样式,这对于布局及样式上都要考虑到这一点. 首先看一下布局这一块,html代码如下: 1 2 3 4 5 6 7 8 9

11款免费好用的源代码管理桌面应用【转】

重复做着同一件事情是对宝贵时间的一种浪费,就拿我们平时编辑代码一样,一遍又一遍地复制粘贴同一条或同一段代码,浪费了时间不说,工作效率又何在? 幸运的是,我们有可用.好用的代码管理软件,能够在我们管理和使用源代码时给我们充当强有力的助手,就如本文向大家推荐的10款最流行的代码管理应用程序一样,可以强力而有效地帮助您保存.组织.调用您常用的源代码片段,当然,它们最终会为您节约大量宝贵的时间,同时大大提高您的工作效率. 陈灯可重用代码段管理器 陈灯可重用代码段管理器是一款免费的代码片段管理软件,有VS

[Asp.net]常见数据导入Excel,Excel数据导入数据库解决方案,总有一款适合你!

引言 项目中常用到将数据导入Excel,将Excel中的数据导入数据库的功能,曾经也查找过相关的内容,将曾经用过的方案总结一下. 方案一 NPOI NPOI 是 POI 项目的 .NET 版本.POI是一个开源的Java读写Excel.WORD等微软OLE2组件文档的项目.使用 NPOI 你就可以在没有安装 Office 或者相应环境的机器上对 WORD/EXCEL 文档进行读写.NPOI是构建在POI 3.x版本之上的,它可以在没有安装Office的情况下对Word/Excel文档进行读写操作