美国VPS主机合租 新加坡主机，追求更快的速度 给BLOG的侧边栏添加微博 WordPress主题PerfctFull发布

前端交互

html、css、JavaScript、jQuery一切与前端相关的东东

前端交互  |  

offset、client、scroll相关属性解释

2009/05/09 10:35 星期六

浏览次数：×3,101

评论：×7

offsetTop 指元素距离上方或上层控件的位置，整型，单位像素。

offsetLeft 指元素距离左方或上层控件的位置，整型，单位像素。

offsetWidth 指元素控件自身的宽度，整型，单位像素。

offsetHeight 指元素控件自身的高度，整型，单位像素。

网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
(更多…)

前端交互  |  

用jQuery实现个性有序列表

2009/03/24 2:43 星期二

浏览次数：×3,544

评论：×3

本文转载自：http://iinterest.net/blog/2009/02/11/jquery-sequential-list/

当遇到有序列表的时候我们一般会用到ol+li这样的标签,因为除了符合语义外其默认样式就有序号标识,这样就免去了我们手动添加的麻烦,但由于浏览器兼容性问题(尤其是IE…)使它的实用性大打折扣,所以要实现有序列表更多的时候是用程序来解决。
(更多…)

Wopus_FAQ
前端交互  |  

用jquery写一个简单的菜单伸缩效果

2009/03/21 12:53 星期六

浏览次数：×3,929

评论：×3

先看下效果图吧！其实是一个很简单的东西。只是对以前的知识复习下。这里就不做详细说明了，懂得jQuery的选择器和效果就行了。

jqueryshowsidebar

jQuery的代码如下：

jQuery(document).ready(function(){
    jQuery("dd:not(:first)").hide();
        jQuery("dt a").click(function(){
        jQuery("dd:visible").slideUp("slow");
        jQuery(this).parent().next().slideDown("slow");
        return false;
    });
});

(更多…)

前端交互  |  

无聊——写了一个TOP10的样式

2009/02/26 3:02 星期四

浏览次数：×2,831

评论：×5

在上篇文章曾说过。BLOG要恢复正常更新，但却没做到。一直没心情写文章，最近总是不能静下心来，工作上的生活上的…太多的事让我无法有个平静的心情。唠叨到这了…囧…

像这种TOP排行榜的样式我想大家都见过，没啥难度。我也不说啥了，直接上图看源码吧…
(更多…)

前端交互  |  

简单几步显示/隐藏文章内容

2008/11/29 9:42 星期六

浏览次数：×4,032

评论：×16

最近在几个BLOG里都见到这种效果，在标题前面有个按钮点击后关闭文章的内容[效果见BLOG的首页]。虽然实际上没什么用处，但还蛮好玩的。今天给大家讲讲怎么用jQuery来实现这种功能。其实很简单，我们只要有两个ID就行了，ID1点击就打开或关闭ID2，在这里，ID1放在标题前，ID2当然就是文章的内容了。我们知道，WordPress的每篇文章都会通过”the_ID()“自动生成一个ID。
(更多…)

前端交互  |  

给你的侧边栏添加一个登陆入口

2008/11/27 11:18 星期四

浏览次数：×4,469

评论：×12

个人一直觉得wordpress的登陆很麻烦，要打开一个新窗口才行。而且默认的那个窗口看起来并不怎么漂亮。所以决定给它整整，搞个适合偶主题的登陆框才行。之前我已经写过一篇文章，但那个是用jQuery实现的弹出登陆窗口，虽然更漂亮更酷。但代码对于没有一点基础的同学来说还是有点困难的。SO…今天整了这个简单点的。最终效果看下面的这张图：

login

其实这种效果还是很简单的，所以就不用详细的地说了，我直接上代码：

(更多…)

前端交互  |  

用jQuery处理文本框的焦点[focus]状态

2008/11/25 9:22 星期二

浏览次数：×9,506

评论：×3

我们知道，浏览器的文本框的聚焦(focus)样式可以通过CSS的伪类:focus来设置。假设我们有这么一段代码：

<form>
<dl>
<dt>Name: </dt><dt>
<dd><input type="text" /></dd>
</dt><dt>Password: </dt><dt>
<dd><input type="password" /></dd>
</dt><dt>Textarea: </dt><dt>
<dd><textarea></textarea></dd>
</dt></dl>
</form>

(更多…)

前端交互  |  

CSS清除浮动的一些方法

2008/11/25 11:48 星期二

浏览次数：×2,804

评论：×6

CSS的浮动为我们的布局带来了很大的好处，利用浮动我们可以很方便的写出各种版式。但浮动同时也带来很多问题；这些问题基本上都因为没有及时的或者在适当的位置清楚浮动。下面来说下常用的清除浮动方法：

一：用空标签

这是最常见的一种方法了。通过一个内容为空的标签来清除浮动。这个标签可以是DIV、P、Hr…。理论上可以是任何标签。
(更多…)

分页 4 / 9« 第一页...23456...最后一页 »

无觅相关文章插件，快速提升流量