Question

我正在尝试使用InDesign CS6创建一个epub3电子书。我想要包含的是一个文本框，可以在点击时扩展/缩小。

我尝试在CSS文件中创建一个单独的CSS和JS，然后尝试将其放在InDesign中。不幸的是，当我将它导出到epub3时它似乎没有功能。

HTML code：

<p class="something">
no 1</br>
no 2</br>
no 3</br>
</p>

JS：

$('.something').each(function () {
$(this).hide().wrap('<div class="showSomething"></div>').
before('<a href="#" class="showSomething">Something</a>');
});

$('a.showSomething').toggle(function() {
$(this).text($(this).text().replace(/Something/, 'Something-Hide')).
parent().css('width', 'auto').find('p').show();
return false;
}, function() {
$(this).text($(this).text().replace(/Something-Hide/, 'Something')).
parent().css('width', '80px').find('p').hide();
return false;
});

CSS：

div.showSomething {
    width: 5em;
    margin-left: 4em;
    padding: 0.5em 0.5em 0em;
    background: rgb(100%,94%,66%);
    color:sienna;
    border: 1px solid #3c8243;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;       
}
a.showSomething {
    position: relative;
    top: -0.25em;
    left: -0.25em;
    color: blue;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 80%;
    text-decoration: none;
    cursor: pointer;
}

是否有另一种在InDesign中创建可扩展文本框的方法？如果您能告诉我如何在最终的epub3输出中实现此功能，我将不胜感激

在Indesign CS6中创建可扩展的文本框

0 个答案: