前端交互  |  

[置顶] 不刷新（AJAX）获取文章的内容

2009/11/30 11:27 星期一

浏览次数：×10,754

评论：×53

相信大家都知道AJAX评论这玩意。AJAX评论带来了很多好处，不用在刷新页面就能发表评论。实时提交，实时显示。很多人都用上了都给自己的BLOG上添加了这样的功能。方法在这就不说了，很多人都作了详细的讲解。在这想跟大家分享下。AJAX加载文章的内容。当然，这里还是基于JQ的load方法来实现。OK，来看效果：
(更多…)

WP相关 | 前端交互  |  

WordPress评论表单验证

2009/11/28 10:50 星期六

浏览次数：×7,603

评论：×20

wordpress的评论只是个很简单的表单。WP本身也有一个自身的验证系统。但自带的这个验证是基于后台的验证。当表单不符合规格时跳转到另一个页面。我们需要返回上一页才能继续填写表单。这样对于用户的体验并不友好；所以一个基于前端的验证很需要。大家平时也一定有见过各种各样的表单验证。有些表单的验证很复杂，也很强大。不过WP的验证很简单。只需要验证“昵称”、“E-mail”、和评论就行了。http地址因为不是必须的。所以只需要在用户有输入的情况下判断下地址是否符合正常的格式就行了。来看下这个简单的验证效果：
(更多…)

前端交互 | 资源分享  |  

一个jQuery弹出层(tipsWindown)

2009/11/25 12:24 星期三

浏览次数：×44,724

评论：×99

弹出层效果网上很多很多，也没啥好说的了。写这个只是作为学习JQ的一些记录。此插件的一些方法参考了花匠的dialog；在此表示感谢。
接着说说这种弹出层的原理或者说是做法。总结下经验；首先需要一个遮罩层来实现灰色背景。我们可以创建一个z-index高于其他层的DIV。然后设为绝对定位。接着获取页面的高度并把它作为这个DIV的高度。这样背景层的问题就OK了；
(更多…)

前端交互  |  

细线表格的处理

2009/11/14 9:12 星期六

浏览次数：×3,697

评论：×6

最近的工作中老要用到表格。说真的，我现在很不习惯表格；看到就头痛；但没办法，有需要就得满足。囧！~说到表格最常用的就是细线表格了，每次都要都搜索下细线表格；虽然很简单但却一直主不住。郁闷。所以转了篇文章作个记录；在HTML中，我们设置border=”1″ 时，表格边框实际大小是2px，那如果我们要做成1px的细线表格要怎么办？以前在做1px的表格的时候，我会用表格背景颜色，然后再用另一种颜色设计单元格的背景，再把表格间距设置成1px，这样就能达到我们的1px表格了，如下例：
(更多…)

前端交互  |  

布局中的固定定位

2009/11/13 11:29 星期五

浏览次数：×2,700

评论：×4

有时候会有某个特殊的需求。如想让某个元素，某块内容固定在页面的某个位置不动，也就是不随滚动条的滚动而滚动。它相对于其他的元素始终是固定的。最近在项目中就有这么一个需求；我们先来熟悉下CSS中关于定位的一些属性:

在CSS中关于定位的内容是：position:relative | absolute | static | fixed

参数：

static : 无特殊定位，对象遵循HTML定位规则，不能通过z-index进行层次分级。
(更多…)

前端交互  |  

左右两栏等高实现方法

2009/11/11 11:21 星期三

浏览次数：×3,169

评论：×6

等高布局在实际的应用中会经常用到。最常见的是左边的内容很多。而右边的内容却很少。为了不让右边出现太多的空白，有时需要让右边的高度和左边的保持一致。实现的方法有很多，以前一般是用背景填充来模拟。虽然很简单，但毕境麻烦。现在有了个更简单的方法。这个方法的原理是事先通过正内边距来使其拥有足够高度，然后通过负外边距来使得其的位置不变。通过给父元素溢出隐藏，我们可以隐藏掉事先占据的足够高的空间。由两列实际的内容高度来决定整个父元素的高度，从而实现了等高。
(更多…)

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