Question

我正在使用CSS和HTML数字化旧文本。我在侧面有页码来指示原始页码。但是我希望用户能够单击页码并弹出一个信息框（该信息框包含上一页的最后一个单词和下一页的第一个单词）。现在，我知道如何创建信息框，但是我不知道如何隐藏它，直到单击页面编号，然后再单击页面编号时消失。

这是一个说明情况（http://jsfiddle.net/8oqu0e5z/）和信息框的CSS的jsfiddle：

.pgwds {
 position:absolute;
 left:-75px;
 margin-top:23px;
 width:140px;
 border:solid;
 background-color: #aaaaaa;
 padding:5px 0px 5px 0px;
 text-indent:0px;
 text-align:center;}

如您所见，前两个分页符（p1和p2）都有一个信息框。第三个分页符（p3）没有信息框。我怀疑实现此目标的唯一或最简单的方法将涉及Javascript，但我不知道任何Javascript。

任何帮助将不胜感激。谢谢！

Answer 1

有很多方法，最简单的方法是先将pgwds隐藏起来

public static final String CONTENT_PROVIDER_AUTHORITY = "com.test.PhotoProvider";

比点击附加事件到所有.pgwds { position:absolute; left:-75px; margin-top:23px; width:140px; border:solid; background-color: #aaaaaa; padding:5px 0px 5px 0px; text-indent:0px; text-align:center; display:none; }和点击切换pageno显示

pgwds

单击特定文本后弹出信息框

1 个答案: