分类 » 前端开发

CSS3的变形与过渡样式

分类： 标签：‚ ‚ ‚ ‚  评论：38 38 评论

作为最新版的 CSS ， CSS3 就像传说中的一样，的确很神奇，配合 HTML5 后可以直接忽略 flash 了！不过杯具的是只有 chrome 、 Firefox 、 safari 等现代浏览器部分支持 CSS3 ,因此做正式站点的话还不能大规模的使用。但是在网站的某些部分使用一些CSS3却能很好的增强网页的画面效果，比如 Melody 的评论者头像就使用了 CSS3 的图片悬停动画，在不支持 CSS3 的浏览器...

Read More –>

WordPress前台调整字体大小

分类： , 标签：‚ ‚  评论：23 23 评论

很实用的一种效果，因为有童鞋需要，所以详细介绍一下！   首先放出效果图，其实就是 Melody 右下角的字体调整按钮。从左到右依次为字体缩小，还原默认字体，字体放大。   下面放出代码后大家就会发现代码量很少，并且已加上注释，很方便修改。   功能是用 jQuery 写的，因此需要加载 jQuery 库！之前有童鞋说加入代码后没有效果，可能是没有加载 jQuery 库的缘故，请确保主...

Read More –>

jQuery 实现 WordPress @回复 详解

分类： , 标签：‚ ‚  评论：34 34 评论

在回复时带有“ @ ”的功能大家应该不陌生了，在微博， BBS 中都可以见到“ @ ”的身影，连腾讯的 Qzone 也加入了“ @回复 ”的功能。的确，“ @回复 ”使到回复的对象更加清晰了，对于多重回复效果更加明显。 但是， WordPress 的评论模板中并没有自带这个功能，因此我们需要手动添加进去，其实这个功能在 WordPress 中已经比较流行了，不少主题中都带有这个功能，实现的原理也有多种，而我在本文中介...

Read More –>

为 WordPress 添加 Ctrl+Enter 快捷回复

分类： , 标签：‚ ‚ ‚  评论：65 65 评论

最近，有些童鞋反映希望 Melody 能添加一个使用 Ctrl+Enter 进行快捷回复的功能。的确，在各大论坛以及我们常用的 QQ 上，都是使用 Ctrl+Enter 快捷键进行回复的，但因为 Kayo 并不常常使用这个功能，因而并没有添加这个功能到 Melody ，而今天心淡若水童鞋再次提醒 Kayo 需要这个功能，于是我马上添加这个功能到 Melody 。   这里送上两种方法，首先是 jQuery ...

Read More –>

W3C (X)HTML 常见错误

分类： 标签：‚  评论：8 8 评论

这段时间做了几个新的 WordPress 主题，因此常常到 W3C (X)HTML 验证网站的 html 是否有错误！以下是我最近收集的常见错误，希望对童鞋们有帮助!   No DOCTTYPE Found! Falling Back to HTML 4.01 Transitional 未定义 DOCTYPE ，这个其实很少发生在 Kayo 身上，因为我在新建网页时都会先用 DW 新建文件，再使用 DW 或...

Read More –>

jQuery笔记之三事件和动画—仿登陆效果

分类： , 标签：‚ ‚  评论：19 19 评论

这是 jQuery 笔记的第三篇，主要叙述的是 jQuery 中的事件和动画部分。熟悉 jQuery 的童鞋会发现，本博的新主题自用新主题Especial Line beta 0.5测试，在页脚，导航，侧边栏等都使用了 jQuery 事件和动画。不过在这篇笔记中，将会以更为常用的 WordPress 例子—— WordPress 仿登陆效果，作为叙述例子。所以这篇笔记同时也是 WordPress 教程！  ...

Read More –>

jQuery实现评论者网站链接新标签打开

分类： 标签：‚  评论：9 9 评论

最近一直在学习 jQuery ，偶尔想到了一个功能，即标题所描述的用 jQuery 实现评论者网站链接新标签打开，在一般情况下，在设计主题时通常是直接为需要在新标签中打开的超链接添加target=“_blank”的属性，使其默认在新标签打开，通常评论模块的评论者网站链接便需要这样。而这个target=“_blank”属性却是不符合 W3C 标准的，因此需要另找方法实现这个功能了！而 jQuery 就能很方便的实现这个...

Read More –>

jQuery 笔记之二 DOM 操作—美化 Title

分类： 标签：‚ ‚ ‚  评论：13 13 评论

继三天前发表了第一篇 jQuery 笔记后，第二篇笔记也诞生了。首先不得不说一下标题的确很长，话说昨天小邪童鞋说我的网站名很长呢！如果小邪童鞋看到这标题，肯定震惊了！而正如标题所描述，该篇笔记是学习 jQuery DOM 操作的笔记，跟第一篇笔记一样，也是以一个详细的例子为基础展开叙说，而这次我选取的例子，便是 WordPress 中比较有名的美化超链接Title效果，一般的 title 效果是把鼠标放到 a 元素中...

Read More –>

jQuery 笔记之一选择器

分类： 标签：‚ 

两天的旅程结束了，回来应该跟大家分享jQuery的学习心得了，首先分享的是jQuery的选择器，正如jQuery手册介绍的那样，jQuery的选择器非常强大，使你可以轻松选取页面中任何一个对象。   以下是一个具体的例子，该篇笔记也将会围绕这个例子展开叙述。   一个网站中有10种的文章分类，我们设计一个类似WordPress显示各文章分类的名称及其文章数量的栏目，当用户进入一个页面时，默认显示前...

Read More –>

jQuery 系列笔记之前言

分类： 标签：‚  评论：13 13 评论

现在是8月初，暑假已经过了一半了，相比寒假，这个暑假过得更为丰富，也过上我喜欢的简单生活。在暑假放假前，我便考虑好想要系统地学习一门技术。虽然已经设计过一些网站作品，有商业的，有自用的，有写给朋友的，前端的css，html，jQuery，后台的php以及一些现成的CMS略懂一二，不过仅限于略懂。因为除了css在写网页前看过一半的由css创始人写的著作——《CSS权威教程》，其他均是自己在实践中学会，这样最大的好处就是...

Read More –>

有趣的css测验

分类： 标签：‚  评论：5 5 评论

高考刚过，全国都为之沸腾，一段时间没有经历测验的我突然也想认认真真的考个试。在网上浏览了一下突然发现一个css测验，在w3school上的，平时只看资料，在这个睡不着的夜晚我竟偶尔发现了这样一个测验，想起研究css有一段时间了，网站也做了不少，可是css测验还真未玩过，于是报着极大的好奇心试了一下，结果全对了，哈哈，不过第一题“CSS 指的是？”，让你选择css的全称，我还真不知道（现在答不出的童鞋举个手），幸亏rp...

Read More –>

ie6常见css bug

分类： 标签：‚ ‚  评论：7 7 评论

相信每个前端人都会有同感——ie6这东西真是万恶啊！就连ms也大力鼓励消费者淘汰ie6，不过很不幸，大概是因为xp绑定了ie6，因此在国内ie6的市场占有率仍高达42.43%，这是今年2月份的数据。也正因ie6的高占有率，因此在网站开发时也不得不考虑兼容ie6，就算不做到完美兼容，来个基本兼容也是必须的，起码不要让你的网站在ie6中乱套了。今天就跟大家分享一些平时积累的ie6 bug解决方法。   IE...

Read More –>