又开学了，我又受学校文学社委托设计一张海报，尺寸为2400mm x 800mm，将在新生开学当天至于校道旁。最终效果如右图。
这次任务出现了一个疏忽。由于我太久没搞过平面设计的东西，设计时忘记采用CMYK模式，导致最终海报印出来时色彩失真，底色变成浅紫色，幸好变色后还不算丑，否则我丑死了。以此告诫各位设计爱好者们不要犯这种毛病。
虽然这次海报设计我自己不甚满意，但还是受到某美女师姐，前文学社社长称赞，I’m so happy!
很佩服学校里某傀儡组织，规定了海报的头尾样式，不许改动，结果导致当天挂在校道边的25幅协会海报中无论设计多么新潮，最终还是摆脱不了俗气。本人本来对该组织缺乏好感，如今更甚！此组织一天不解散，校内社团就永远缺乏创新。
如有兴趣定制各种平面设计品，可在本博客内寻找我的联系方式，价格从低。
越来越多网站已经通过让访客自己选择页面风格来提高访客体验。这次我们利用jQuery这把锋利的剑来实现这个功能。
首先，在header加入几个风格链接是必须的。
<link rel="stylesheet" type="text/css" href="styles1.css" title="styles1" media="screen" /> /*记得为候选风格加上rel="alternate"，否则会引起冲突*/ <link rel="alternate stylesheet" type="text/css" href="styles2.css" title="styles2" media="screen" /> <link rel="alternate stylesheet" type="text/css" href="styles3.css" title="styles3" media="screen" />
接下来在页面里加上开关链接，按下面的格式写
<a href="serversideSwitch.html?style=style1" rel="styles1" class="styleswitch">styles1</a> <a href="serversideSwitch.html?style=style2" rel="styles2" class="styleswitch">styles2</a> <a href="serversideSwitch.html?style=style3" rel="styles3" class="styleswitch">styles3</a>
最近比较忙，抽空更新一下，发一套web 2.0图标。此套图标很全（100个以上，有多无少），很简洁（单色线条），修改空间很大（ai格式矢量图）······
在我即将发布的新主题中，我将会使用这套图标。
顺带说一下新主题的话题，以安慰几个比较关注我的第二个主题的人（第一个主题是PJBlog主题，如果没记错的话应该是一年多以前发布的）。
不知道各位用过Excel没有？在处理大量数据的时候，Excel隔行变色的设计是不是让你舒服很多？
现在网上有很多利用jQuery制作隔行变色表格的教程，但你认为为了小小的一个表格而加载50多k的js是否值得？即使贵站有大量表格，其实还不如用CSS方便。要知道这个效果到底有多方便，看下去就知道了。
首先写好表格内容，通常如下：
<table class="datalist" summary="list of members in EE Studay"> <caption>Member List</caption> <tr> <th scope="col">Name</th> <th scope="col">Class</th> <th scope="col">Birthday</th> <th scope="col">Constellation</th> <th scope="col">Mobile</th> </tr> ............................................ <tr> <td>lightyear</td> <td>W311</td> <td>Mar 23th</td> <td>Aries</td> <td>1002908</td> </tr> </table>
很多人喜欢用字母验证码防止恶意留言，但缺没有设置验证码输入框的输入法属性，导致一些访客不小心就输入了汉字，很麻烦。大家很清楚，QQ.com上，把光标定位到验证码输入框后输入法会自动隐藏，很方便。这个小功能要实现起来并不难，只需要一段简单的css：ime-mode属性。
IME（Input Method Editor）用来控制中文，韩文，日文的输入。共有五种值： auto、normal、active、inactive、disabled。
auto : 默认值。不影响ime的状态。与不指定 ime-mode 属性时相同。
active : 指定所有使用ime输入的字符。即激活本地语言输入法。用户仍可以撤销激活ime。
inactive : 指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以撤销激活ime。
disabled : 完全禁用ime。对于有焦点的控件(如输入框)，用户不可以激活ime。
本例利用jQuery实现背景图像动画效果。我们可以利用这种特效做一个“滑动门”菜单。请看demo。
这个效果的实现方法：
创建一个jquery.backgroundPosition.js文件，内容如下：
仅通过css的hover属性实现简单的背景变换已经满足不了一些追求美观的人。本实例即教大家如何在不修改原有CSS代码的前提下，使用jQuery实现光标悬停在链接上时的淡入淡出效果。
请看演示：demo。
通过演示，你可以发现例子里面，当鼠标停在链接上方是，背景图片会有一个淡出淡入过渡效果。实现这种效果的原理是这样的：
在此函数代码（linkFader.jquery.js）的帮助下，我们只需在链接标签<a>上添加一个名为“linkFader”的Class类，就可实现鼠标悬停在链接上时的淡入淡出效果。即使客户端的JavaScript处于不可用状态，CSS文件里面的HOVER效果仍将起作用。
请注意，要想使这个淡入淡出效果起作用，我们的链接标签<a>必须使用图片替换技术（即<a>需在CSS中定义为图片链接，具体请参考示例中的写法）来编写CSS代码，否则代码将不会起作用。这是因为此函数代码是基于背景（图片）位置偏移原理所编写，如果没有图片作为链接<a>的背景，偏移也就无从谈起了。
看这篇文章之前请先看看效果：demo。
从有图形操作系统开始，下拉菜单和菜单栏就占据一个重要地位。到现在，它们的使用已经无处不在。甚至桌面应用程序和网页设计也在跟随这种潮流。本文旨在简单睇讲解如何在你的网页中利用jQuery和CSS技术加入强大的下拉菜单。
入门
首先，我们需要确定基本菜单级数，为了保持语法结构，我们将使用无序列表（ul）链接标准。我们将使用下面的代码作为一个例子。
像素字是网页设计中比较常用的美化手法，通常用在导航栏、按钮、小logo等地方。下面是漂浮效果的像素字制作方法，先看看效果。
本例的制作方法如下：
1、打字，确定字号和位置，这里用了14px的字，宋体。
2、栅格化文字，快捷键是ALT+L+Z+T，并选择像素。
3、渐变填充选区。
Recent Comments