您现在正在浏览：站长之家 >> 设计编程 >> 详细内容

利用JavaScript创建功能强大的GUI

时间:2007-12-27 来源:不详作者:林子

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="italic.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="link.gif"
width="32" height="16"
align="middle"
alt="click to add a link"> 织梦内容管理系统

<textarea cols="30" rows="6" name="my_textarea"></textarea>

　　一个div中包含了三个按钮的图像，这样会使代码显得简洁。函数调用在<img>标记的事件处理程序中，我们向格式化函数传递一个将被改变样式的元素的引用，根据希望使用的格式（b表示粗体，i表示斜体），我们向format_sel()函数传递一个合适的参数。 copyright dedecms

结束语内容来自dedecms

　　当然，这只是创建工具栏的一种方法，还有许多其他方法也可以创建工具栏。读者创建的工具栏的功能也不必局限于本篇文章中涉及的功能，利用W3C DOM，可以很方便地改变一个文档的样式。

织梦内容管理系统

　　利用DOM操作，我们可以建立一个Word风格的工具栏，让用户定制显示卡的所有方面：改变字体的大小、文档的字体、改变栏目的宽度。结合使用CSS、javascript和DOM，我们能够创建与标准浏览器兼容的功能强大的应用软件GUI。 dedecms.com

织梦内容管理系统