作者tracetw (tracetw)
看板Blog
标题Re: [Blogger] 在文章中呈现「浮出补充资讯」的效果
时间Sun Feb 3 13:42:21 2013
<style type="text/css">
a {color:#414141; text-decoration:none;}
a:hover{color:#4c7cbd; text-decoration:none;}
.title {
font-family: "Cooper Std Black";
font-size: 16px;
color:#333;
}
.overtitle{
font-family: "Cooper Std Black";
font-size: 16px;
color:#999;
}
</style>
<!-- 上面这段加到你CSS,调整自己想要的字体颜色,要显示的文字用下面语法替代 -->
<div class="title" onmouseout="this.className='title'"
onmouseover="this.className='overtitle'" title="说明文字">
Google</div>
※ 引述《moonling0306 (摸尼)》之铭言:
: 目前在打访谈稿的文章,
: 因为访谈中有许多要另外补充的资讯,
: 之前是常用书签来制作附注([1]、[2]、[3]....),
: 不过想增加版面的易读性,
: 想请问这种呈现方式如何操作?
: 举例,「....家人在九二一地震不幸罹难,造成小明患有严重的PTSD....」
: 我想补充「PTSD」相关资讯,PTSD会显示特别的格式(如字体、颜色...)
: 只要滑鼠移动「PTSD」,就会有资讯浮现出来(但不是另外跳出对话框或页面),
: 移开「PTSD」後,资讯又会自己消失。
: 想请问有人知道怎麽做这种效果吗?谢谢。
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 111.255.164.246
※ 编辑: tracetw 来自: 111.255.164.246 (02/03 13:59)
1F:推 moonling0306:谢谢,这几天会试试看。 02/04 10:58
2F:推 eddy1221:好棒的资讯我也要来试试 02/04 14:29