仿校内textarea输入框字数限制效果

这是一个仿校内textarea回复消息输入框限制字数的效果，具体表现如下：

普通状态是一个输入框，当光标获取焦点时，出现字数记录和回复按钮

PS:上边那个小三角可不是用的图片。

普通状态效果如下：

获取焦点时：

字数限制的javascript代码如下: 阅读全文

jQuery滑动导航菜单

今天用jQuery写了个滑动导航菜单，加入了缓动展开的效果。比以前常用的用css伪类:hover+ie6模拟:hover的js写的那个效果好，所以拿出来分享一下，可能还可以更好的改进，欢迎大家多拍砖。

先看一下效果图

实例：Demo

用到的javascript代码如下: 阅读全文

网页浮动工具条

前两天用jQuery写了个网页浮动工具条，主要效果如下：

1、自动判断浏览器宽度。

当浏览器窗口小于1024时，工具条会自动隐藏

支持浏览器窗口拖拽

2、当拖动浏览器窗口大小时，工具条位置也会相应调整，始终保持贴在网页主体内容右侧。

用到的javascript代码如下:

阅读全文

最简单的代码实现Tab

在工作中经常遇到这种Tab切换效果，网上这种效果也是一搜一大堆，但不一定完全适合自己。写过许多次后，发现了一种方法不但代码简洁，而且调用方便，所以分享给大家。

这是基于jquery写的一个Tab，选项卡标题的id和选项卡内容class的名称保持一致即可。

用到的javascript代码如下:

阅读全文

用户上传头像，等比例缩放

其实关于用户上传头像大小问题早就有了比较完美的解决办法，那就是再上传时通过裁切来实现。

最近做一个专题，用裁切有点大材小用，而且着急上线，就写了个简单js来满足头像自适应预留位置大小。

具体要求如下：

1、当用户上传的头像宽和高均小于指定大小（200X150）时， 阅读全文

让IE6更快的走向灭亡[转]

最近关于浏览器的最重要的事情就是IE的极光0day漏洞了，这个漏洞导致包括Google在内的多家美国公司受到黑客的攻击，当然也有很多色情网站被黑客利用，从而使用户受到严重的攻击，而IE6用户首当其冲，成为该漏洞的最大受害者。

其实我们天天在想到底哪一天IE6才会真正死去， 阅读全文

我的小博终于又好了

在国内轰轰烈烈的打击.CN域名的风波下，我的博客不幸“遇难了”。

原因就是我原来租用的空间商为了不被波及，发出了一条这样的通知：“由于中国互联网络信息中心对域名使用进行管制，本站暂时取消域名绑定服务。”，看到这个，心凉了半截，那我的博客以后怎么办呢？ 阅读全文

弹出层详解，从简单到复杂

在工作过程中经常遇到做弹出的层效果，有的需要在元素右下弹出，有的需要弹出在浏览器正中间，有的需要弹出后再拖拽，有的需要背景要变暗，有的需要弹出的层跟随鼠标移动……

网上此类效果其实很多，有javascript原生的，有基于框架写的,但自己好多时候用不到那么高级的效果， 阅读全文

仿校内新鲜事关闭效果

校内网在当今大学生中一定都不陌生，我也是校内网的忠实用户。虽然我比较懒，在里边不太活跃，但感觉校内的许多细节做的还是挺人性化的。

今天就做一个“仿校内新鲜事”效果，主要是可以即时删除自己不想看的新鲜事。这里用两种方法实现，

先上效果图：

方法一：

主要用到的Js 阅读全文

很有用的Xhtml标签

在经典论坛上看到一篇“不常用却很有用的标签 ”的帖子，感觉写得不错，于是就从网上搜集了一下相关资料，来把关于Xhtml标签的相关使用知识整理一下。

首先说一下推荐使用的XHTML标签：

接下来是W3C不推荐用的标签：

禁用：

不用：

不支持及无损块的：

常用的我就不说了，因为大家都知道，这里主要说的是不常用的

<base>

定义和用法

<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base>标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

注释：

<base> 标签必须位于 head 元素内部。

属性：

href=”URL”、target=”_blank/_self/_top/_parent/framename”

应用实例：

未完待续…

下一页 »