摘要:
这是一款腾讯UED设计的提示插件,看着肯定很眼熟吧,闲话不多说,直接上demo吧。 显示ZENG.msgbox.show(提示信息,图标类型); 隐藏:ZENG.msgbox._hide(); 几秒后自动隐藏:ZENG.msgbox.show(提示信息,图标类型,显示时长); 用法很简单,分别引用对应的css和js文件就行了,就像这样:<link rel="stylesheet" href="msgbox.css" /><script type="text/javascript" src="msgbox.j 阅读全文
摘要:
经常会遇到这样的情况,当页面展示内容过长时,想点导航切换栏目,就得把滚动条拉回到顶上,这样操作总不太人性化,能不能让导航超出显示范围外时自动贴在屏幕最顶上呢?答案肯定是能的。如果不太明白,把滚动条拉到下面点,看下我博客是效果就明白了。 其实实现起来并不难,我们先把实现流程大致想一下,首先,如果导航在显示范围内,就不用做修改。当导航超出显示范围,也就是导航距离屏幕顶部的距离小于0的时候,我们要让它浮动在屏幕顶上,然后大于0的时候,进行一个复原操作,原理就是这么简单,大致看下效果图吧$().ready(function(){ //导航距离屏幕顶部距离 var _defautlTop = $(... 阅读全文
摘要:
下面我要用到的插件是我自己写的,关于插件地址是:jquery.HooRay——自己做的一个jquery常用工具插件。关于分享插件的制作流程我也写了篇文章,有兴趣的可以看下:自己写的一个分享按钮的插件(可扩展,内附开发制作流程) 闲话不多说,进入正题吧,大家可以看下文章最后是不是有一排分享的按钮,那个就是最终的效果了,当然不止那一种效果,一共有以下几种效果,分别是: 完整的代码就是这样<link rel="stylesheet" href="http://saw.caifutang.com/jquery.hooray/jquery.HooRay/jquery. 阅读全文
摘要:
转眼似乎半个多月过去了,最近忙了点其他的事,所以这个CMS做的进度也慢了,不过昨天和今天稍微加了点班,把最大的一块制作OK了,也就是下面我要说的——窗口 先看下窗口大致构成图吧: 窗口很简单,顶部的标题区域、中间的展示区域和底部的功能区域。首先,窗口肯定是通过图标点击后才生成的,也就是窗口不是事先加载并隐藏好,是点击某个图标后再通过jquery写入到页面里来,那我们要做的就是给图标绑定一个创建窗口的事件,我们看下代码://创建窗体Core.create = function(obj){ var sc = obj.attr('shortcut'); var window_warp 阅读全文
摘要:
昨天晚上经历了这么一个事件,我通过博客园后台的自定义JS模拟出自动关注、自动推荐的功能,本意是为了能引起官方注意,尽早修复。却没想到博客园处理的方式是,把文章移除首页,推荐清零,然后去掉我自定义JS的功能,就差删我文章,封我帐号了。 以下是我在博客园小组以及通过邮件发了2个告示,至今没有回复,而我看到小组里其他一些问题,都是在12小时内就马上回复的,我就不相信管理没看到我的帖子。 当然也有人质... 阅读全文
摘要:
首先,感谢你为我的这篇文章点了推荐,虽然你可能没有点,但是我已经“好心”的帮你点了。不信?那你先看下文章右下角的推荐数,然后刷新下页面看看。 下面我来说下实现原理,其实没什么技术含量,懂点js的人都能进行操作。 我先用firebug查看了页面上推荐按钮的DOM,发现其实是个点击事件: 是一个叫 DiggIt() 的方法,分别传入了3个参数,看参数命名应该分别是文章ID、博客ID和一个写死的1。这下就简单了,是不是我直接在页面底部写句一模一样的方法,就能实现了呢? 于是我到后台“设置”里面找到页尾输入筐,调用这个方法,如下: 欣喜的去测试,发现测试失败,在我更新后台设置后,再去看,... 阅读全文
摘要:
中秋了,一个团圆的日子,结果从杭州回到老家,发现家里的狗没了,一问才得知是去世了,虽然一共加起来没见过几次,但还是挺难过的。发一张照片留作纪念吧。 下面进入正题吧,前几天由于工作需要制作一个分享按钮,考虑到后续其他项目可能也会用到,于是就打算写成插件化,正好也给我自己的插件jquery.hooray增加一个新的功能,为了不浪费大家时间,我先把demo放出来,如果觉得能用到,或者想学是怎么制作的,那就继续往下看。(demo演示) 既然要做成插件,那可制定性肯定要强,不能定死,比如不能把显示个数定死,不能把分享按钮排序定死等等(不过有些东西还是要定死的,太灵活了也就成不了插件了)。这里我的... 阅读全文
摘要:
上一周我说到,我要开始做一个仿桌面系统的CMS。现在,一周过去了,来做个小小的总结吧,顺便把上一周片尾留的小问题解答下。桌面 关于界面,思前想后,还是模仿115的了,说是模仿,其实几乎是照搬。因为我看了下HTML和CSS,没有什么太大的技术含量,制作起来也不会遇到什么困难,干脆舍弃这一步,进入后面的话题。 上周我留下了一个问题,就是桌面那一个个快捷方式,为什么不能直接写在页面里,而要通过js来加载。其实,并非一定要通过js加载生成,但是即便写在页面里,也还是通过js来定位,对,就是定位。试想一下,浏览器的窗口有大有小,如果直接写在页面里固定死,那窗口缩小了,岂不是要把有的图标给遮住了。... 阅读全文
摘要:
开篇 一个月前,我突然有了个想法,CMS能否做的像webQQ那样,整个后台就像一个桌面系统,把功能归类到一个桌面图标里,点开某个图标后,操作里面的东西,就像在操作电脑上的某个文件夹一样简便,于是我之前写了一篇构想的文章:《关于CMS后台展示/操作方式的个人拙见》,不过认可我想法的人似乎不多。 当时发表完文章后,我也在想,这样的方式是否真的适用于CMS,我和几个同事,以及公司老总都讨论过。有人也提到开发成本的问题,我说这个不是问题,现在不用公司花人力去专门开发,我先做个雏形,把一些调用方法都封装好,比如窗口操作(最大化、最小化、关闭)、右键操作等一些公用的操作,写成一个类,之后如果可行,再继.. 阅读全文
摘要:
我们都知道,各大编辑器的默认代码配色都是很单一的,或者说色调相近。其缺点其一就是难以阅读,变量名、函数名、方法名等等,当这些代码不能一眼就区分出是什么,就会大大降低自身代码阅读能力;其二是阅读疲劳,通常编辑器的背景都是白色,长时间盯着一大片刺眼的白色,眼睛长时间盯着很容易疲劳。 抱着以上两个缺点,我决定把电脑上现有的编辑器里的代码配色,统一全部修改,过程就不再描述了,直接放出两款编辑器的配色方案,分别是Dreamweaver和Notepad++。 首先是Dreamweaver,这个我搜了很多地方,才勉强找到一个支持语言相对比较多的配色方案,当然,我常用的就是HTML、CSS、JS、PH... 阅读全文