通常この種はヘッダー部に貼り付けるものだが、虹文字を表示させる rainbow.js はフッタ部に貼り付ける。
<!-- EVENT overall_footer_after -->
<script type="text/javascript" src="{ROOT_PATH}Script/rainbow.js"></script>
<!-- IF S_PLUPLOAD --><!-- INCLUDE plupload.html --><!-- ENDIF -->
{$SCRIPTS}
<!-- EVENT overall_footer_body_after -->
</body>
</html>
必要とされる文字列を表示させるには、その都度に次の通り記述し配置する。
<span class="rainbow">虹表示させたい文字列</span>
特殊な使用例としてリンク先を虹表示させることが可能。
<a href="http://www.youtube.com/embed/z9zxunCma0 ... ransparent" onclick="return hs.htmlExpand(this, {objectType: 'iframe', width: 1024, height: 580, allowSizeReduction: false, wrapperClassName: 'draggable-header no-footer', preserveContent: false, objectLoadTime: 'after'})"><b><span class="rainbow">Display YouTube movie</span> 「スター・ウォーズ／最後のジェダイ」本予告</b></a>