最近在几个BLOG里都见到这种效果，在标题前面有个按钮点击后关闭文章的内容[效果见BLOG的首页]。虽然实际上没什么用处，但还蛮好玩的。今天给大家讲讲怎么用jQuery来实现这种功能。其实很简单，我们只要有两个ID就行了，ID1点击就打开或关闭ID2，在这里，ID1放在标题前，ID2当然就是文章的内容了。我们知道，WordPress的每篇文章都会通过”the_ID()“自动生成一个ID。
(更多…)
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>
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.标准浏览器下另类方法:
(更多…)
-
分类
-
赞助商链接
-
随机文章
-
最新评论
一些朋友
链接
期待老大的主题新版发布！下面提...
漂亮，谢谢博主了 :razz:...
:lol:...
第一次来支持你。...
由于WP版本升级到3.3了。有...