29 May 2009
iNove 中鼠标悬浮显示 @ 评论

下载 commenttips.js 文件。该文件修改自 yinheli 的代码，我去除了一些无关代码，简化了效果，和修复了几个bug。下载请点
将 commenttips.js 文件放置到 inove/js 目录。
style.css 中追加样式代码如下：

#thecomments .tip {
	background:#FFF;
	border:1px solid #CCC;
	width:605px;
	padding:10px !important;
	padding:10px 10px ;
	margin-top:;
	position:absolute;
	z-index:3;
}
#thecomments .tip .act {
	display:none;
}
*+html #thecomments .tip {
	padding:10px 10px  !important;
}

在主题中添加代码调用 JavaScript。打开 templates/end.php，在 </body> 前面一行添加以下代码：
(如果你有其他插件或者自己已经添加了 jQuery 的库，那第一行代码可以不必添加。)

1
2

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/commenttips.js"></script>

好了，刷新一下有 @ 回复的页面，等页面加载完，将鼠标悬停在 @ 回复上，你会看到效果的。

演示：</guestbook>

via: http://www.neoease.com/inove-mouseover-to-show-comment-no/

Til next time,
Jason at 00:00

scribble

29 May 2009iNove 中鼠标悬浮显示 @ 评论

29 May 2009
iNove 中鼠标悬浮显示 @ 评论