TabPane Plugin 发布
2006.02.01 3:38 下午 WordPress
本次发布的tabpane plugin 只是为了让大家更好的使用 tabpane,本程序不是我写的,我只是把它插件化了。
我们一直在想怎么让你一看就能明白,就能轻松的用上它,那怕只是一点点的改进我们都愿意做,关于这个tabpane插件的用法也很简单
原作者网站:http://webfx.eae.net/
OSYE 插件化:http://blog.rcsky.org,wwww.osye.com
本地下载
本站演示
你只要将它传到wp-content/plugins/里去,和文件夹,在后台激活,就这样tabpane的JS文件和CSS文件就被加载到了模板的核心,你只要在模板文件的任何地方调用下面的代码就可以使tabpane工作。
当时的tabpane是要放到空间的一个地方去,要使用绝对路径才能工作,要修改很多地方才能做到,对于换模板很不好,这样我们把它插件化了,将它放到插件目录,这样就把tabpane完全的插件化了。
也模决化了,不知道你感觉到没?如果你在使用本插件时什么问题好的建议请联系我,祝大家新年快乐~!
因为时间原因,我没有详细说明用法,下面的代码是我BLOG的工具栏的调用的代码,你可以作一些参考:
<p style="float: right"> </p> <p class="tab-pane" id="tab-pane-1"> <script type="text/javascript">var tabPane1 = new WebFXTabPane( document.getElementById( "tab-pane-1" ) );</script></p> <p class="tab-page" id="tab-page-1"> </p> <h2 class="tab">General<abbr title="XHTML Friends Network"></abbr></h2> <script type="text/javascript">tabPane1.addTabPage( document.getElementById( "tab-page-1" ) );</script> <center> </center> <p class="tab-page" id="tab-page-2"> </p> <h2 class="tab">Music</h2> <script type="text/javascript">tabPane1.addTabPage( document.getElementById( "tab-page-2" ) );</script> <iframe src="http://blog.raidybor.com/wp-admin/%3C?php%20bloginfo%28%27stylesheet_directory%27%29;%20?%3E/player/player.php" border="0" frameborder="0" height="220" scrolling="no" width="200"></iframe> <p class="tab-page" id="tab-page-3"> </p> <h2 class="tab">Message</h2> <script type="text/javascript">tabPane1.addTabPage( document.getElementById( "tab-page-3" ) );</script> <p class="tab-page" id="tab-page-4"> </p> <h2 class="tab">Votes</h2> <script type="text/javascript">tabPane1.addTabPage( document.getElementById( "tab-page-4" ) );</script>
原作者网站:http://webfx.eae.net/
OSYE 插件化:http://blog.rcsky.org,wwww.osye.com