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

周六,2008 十一 29 21:42:40

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

   Await |  前端交互 |  [16] |  浏览：1,722  

CSS图片垂直居中方法整理

周一,2008 八 18 20:48:01

1.标准浏览器方法:

* {margin:0;padding:0}
div {
 width:500px;
 height:500px;
 border:1px solid #ccc;
 overflow:hidden;
 position:relative;
 display:table-cell;
 text-align:center;
 vertical-align:middle
 }
div p {
 position:static;
 +position:absolute;
 top:50%
 }
img {
 position:static;
 +position:relative;
 top:-50%;left:-50%;
 width:276px;
 height:110px
 }
 
<div><p><img src="http://www.idods.com/images/logo.jpg" /></p></div>

2.标准浏览器下另类方法:
阅读全文

   Await |  前端交互 |  [0] |  浏览：558  
goto-top