标签云

为博客园添加标签云动画

无人久伴 提交于 2020-03-11 16:14:14
canrun  优化版(分隔线以上直接实现3D标签云效果展示):   一、在博客园 管理-设置-页首Html代码 中加入:   <script type="text/javascript" src="http://files.cnblogs.com/Zjmainstay/swfobject.js"></script> <script type="text/javascript" src="http://demo.zjmainstay.cn/cnblogs/getTags.php?url=http%3A%2F%2Fwww.cnblogs.com%2FZjmainstay%2Ftag%2F"></script> <script type="text/javascript" src="http://files.cnblogs.com/Zjmainstay/Zjmainstay_cnblogs_tags.js"></script>   注1:请修改第一个script的src的url=部分,修改成你自己的博客园域名,为http://www.cnblogs.com/Zjmainstay/tag/的urlencode结果。第二个script不变。   注2:http://demo.zjmainstay.cn/cnblogs/getTags.php?hl可获取getTags.php源码

[jQuery]3D效果的标签云

落爺英雄遲暮 提交于 2020-03-07 04:39:42
刚才看了篇园友关于如何 自定义标签云的文章 ,心痒痒自己也想弄一个,其实原理非常简单,就是动态load标签页里的标签,按需要的格式重新动态生成DOM结构,再通过第三方的js插件(他们用的是Google Visualization API Gallery中的 TermCloud )将特定的DOM转换成标签云的效果就OK了!所以最有技术含量的地方还在第三方的js插件里,正好我不久前刚玩过一款很牛叉的3D效果的标签云jQuery插件,挂到自己的博客里试了下效果( 效果就是现在我博客左边的随笔分类的样子 ),还不错,就是有点耗性能!我博客上不想挂标签云了,就搞了这个随笔分类云,喜欢的朋友拿去玩玩吧。 结合前面自定义标签云那篇文章,同样很容易做出3D效果的标签云。 我的例子使用方法如下: 在 [后台管理]>[设置]>[页脚Html代码] 里插入下面代码即可: <script src="http://files.cnblogs.com/justinw/jquery.engine3D.js" type="text/javascript" charset="utf-8"></script> <script src="http://files.cnblogs.com/justinw/jquery.particlePhysics.js" type="text/javascript" charset=

Hexo(sakura)自定义标签云

跟風遠走 提交于 2020-03-03 08:15:28
自定义标签云 一、效果 二、演示 1. 新建tags资源文件夹 2. 创建样式文件 3. 局部显示标签云 一、效果 之前引入的标签云插件,看似很炫酷,实则有点鸡肋,今天忍不住又开始魔改前端css了 Hexo(sakura)建立标签云hexo-tag-cloud 演示页面快速门 文章末尾显示标签云: 如果感觉还行的话,可以向你的博客里加入哦!步骤超简单~ 二、演示 我这里是hexo-sakura主题,以这主题来演示一遍操作流程! 1. 新建tags资源文件夹 sakura主题已有静态标签生成插件,大多数主题都有哦,如果没有添加即可: npm install hexo-generator-tag --save 新建tags资源文件夹 hexo new page tags 编辑tags page 打开 source\tags\index.md 编辑成如下内容: --- title: tags layout: tags date: 2020-02-13 20:24:16 --- 主题目录添加tags 标签: {path: /tags, fa: fa-tags }, 在 themes\sakura\languages\zh-cn.yml 声明tags(大部分主题也有声明,如果没有则添加) tags: 标签 2. 创建样式文件 标签页面: themes\sakura\layout\tags

网页导航栏设计模式

不羁岁月 提交于 2020-02-10 10:32:28
在 网页设计 中有一些通用的交互设计模式。网站导航各种各样的通用和大家熟知的设计模式,可以用来作为为网站创建有效地信息架构的基础。这篇指南涵盖了流行的站点导航设计模式。对于每一种网站导航栏设计模式,我们将讨论它的一般特征,它的缺点,以及什么时候使用它最好。 顶部水平栏导航 顶部水平栏导航是当前两种最流行地网站导航菜单设计模式之一。它最常用于网站的主导航菜单,且最通常地放在网站所有页面的网站头的直接上方或直接下方。 顶部水平栏导航设计模式有时伴随着下拉菜单,当鼠标移到某个项上时弹出它下面的二级子导航项。 顶部水平栏导航一般特征 导航项是文字链接,按钮形状,或者选项卡形状 水平栏导航通常直接放在邻近网站logo的地方 它通常位于折叠之上 顶部水平栏导航的缺点 顶部水平栏导航最大的缺点就是它限制了你在不采用子级导航的情况下可以包含的链接数。对于只有几个页面或类别的网站来说,这不是什么问题,但是对于有非常复杂的信息结构且有很多模块组成的网站来说,如果没有子导航的话,这并不是一个完美的主导航菜单选择。 何时使用顶部水平栏导航 顶部水平栏导航对于只需要在主要导航中显示5-12个导航项的网站来说是非常好的。这也是单列布局的网站的主导航的唯一选择(除了通常用于二级导航系统的底部导航)。当它与下拉子导航结合时,这种设计模式可以支持更多的链接。 竖直/侧边栏导航 侧边栏导航的导航项被排列在一个单列

Diango博客--解锁博客侧栏

£可爱£侵袭症+ 提交于 2019-12-09 21:58:17
文章目录 0.思路引导 1.[最新文章] 模板标签 2.[归档] 模板标签 3.[分类] 模板标签 4.[标签云] 模板标签 5.使用自定义的模板标签 0.思路引导 博客侧边栏有四项内容: 最新文章、归档、分类和标签云 ,效果展示如下: 这些内容相对比较固定和独立,且在各个页面都会显示,如果像文章列表或者文章详情一样,从视图函数中获取这些数据然后传递给模板,则每个页面对应的视图函数里都要写一段获取这些内容的代码,这会导致很多重复代码。 更好的解决方案是直接在模板中获取,为此,我们使用 django 的一个新技术:自定义模板标签来完成任务。 我们前面已经接触过一些 django 内置的模板标签,比如比较简单的 {% static %} 模板标签,这个标签帮助我们在模板中引入静态文件。还有比较复杂的如 {% for %} {% endfor%} 标签。 这里我们希望自己定义一个模板标签,例如名为 show_recent_posts 的模板标签,它可以这样工作:我们只要在模板中写入 {% show_recent_posts %},那么模板中就会渲染一个最新文章列表页面,这和我们在编写博客首页面视图函数是类似的。 首页视图函数中从数据库获取文章列表并保存到 post_list 变量,然后把这个 post_list 变量传给模板,模板使用 for 模板标签循环这个文章列表变量

iOS流布局UICollectionView系列七——三维中的球型布局

孤街浪徒 提交于 2019-12-02 09:09:54
iOS流布局UICollectionView系列七——三维中的球型布局 一、引言 通过6篇的博客,从平面上最简单的规则摆放的布局,到不规则的瀑布流布局,再到平面中的圆环布局,我们突破了线性布局的局限,在后面,我们将布局扩展到了空间,在Z轴上进行了平移,我们实现了一个类似UIPickerView的布局模型,其实我们还可以再进一步,类比于平面布局,picKerView只是线性排列布局在空间上的旋转与平移,这次,我们更加充分了利用一下空间的尺寸,来设计一个圆球的布局模型。以下是前几篇博客地址: 1.初识与简单实用UICollectionView: http://my.oschina.net/u/2340880/blog/522613 2.UICollectionView的代理方法: http://my.oschina.net/u/2340880/blog/522682 3.实用FlowLayout进行更灵活布局: http://my.oschina.net/u/2340880/blog/522748 4.自定义FlowLayout进行瀑布流布局: http://my.oschina.net/u/2340880/blog/522806 5.平面圆环布局的实现: http://my.oschina.net/u/2340880/blog/523064 6.将布局从平面应用到空间: http:/