文章内容
利用javascript创建功能强大的GUI(5)
作者：未知 来源：网络收集 录入：管理员
<img class="button" onmouseover="mouseover(this);" onmouseout="mouseout(this);" onmousedown="mousedown(this);" onmouseup="mouseup(this);" onclick="format_sel('b');" src="/article/UploadPic/2005-11/20074287363721.gif" width="16" height="16" align="middle" alt="click to make your selection bold"> <img class="button" onmouseover="mouseover(this);" onmouseout="mouseout(this);" onmousedown="mousedown(this);" onmouseup="mouseup(this);" onclick="format_sel('i');" src="/article/UploadPic/2005-11/20074287363703.gif" width="16" height="16" align="middle" alt="click to make your selection italic"> <img class="button" onmouseover="mouseover(this);" onmouseout="mouseout(this);" onmousedown="mousedown(this);" onmouseup="mouseup(this);" onclick="insert_link();" src="/article/UploadPic/2005-11/20074287363292.gif" width="32" height="16" align="middle" alt="click to add a link"> <textarea cols="30" rows="6" name="my_textarea"></textarea> |
当然，这只是创建工具栏的一种方法，还有许多其他方法也可以创建工具栏。读者创建的工具栏的功能也不必局限于本篇文章中涉及的功能，利用W3C DOM，可以很方便地改变一个文档的样式。
利用DOM操作，我们可以建立一个Word风格的工具栏，让用户定制显示卡的所有方面：改变字体的大小、文档的字体、改变栏目的宽度。结合使用CSS、javascript和DOM，我们能够创建与标准浏览器兼容的功能强大的应用软件GUI。