频道直达 - 专题 - 新闻 - 技巧 - 组网 - 开发 - 安全 - web编程 - 图像 - 操作系统 - 数据库 - 教育 - 旅游 - 健康 - 时尚 - 驱动 - 软件 - 游戏 - 多媒体 - ERP - 讨论组

利用JavaScript创建功能强大的GUI

来源:中国计算机报 作者:刘彦青 出处:巧巧读书 2005-11-09 进入讨论组
上一页 1 2 3 4 5 
谢 谢 收 藏 http://www.qqread.com/javascript/k210611003.html



<img class="button"
onmouseover="mouseover(this);"
onmouseout="mouseout(this);"
onmousedown="mousedown(this);"
onmouseup="mouseup(this);"
onclick="format_sel('b');"
src="bold.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="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()函数传递一个合适的参数。

结束语

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

  利用DOM操作,我们可以建立一个Word风格的工具栏,让用户定制显示卡的所有方面:改变字体的大小、文档的字体、改变栏目的宽度。结合使用CSS、JavaScript和DOM,我们能够创建与标准浏览器兼容的功能强大的应用软件GUI。进入讨论组讨论。
上一页 1 2 3 4 5 
收藏此文】【 】【打印】【关闭
较早的文章:
较新的文章:互联网页面浏览限制实现总结
相关图文阅读
频道图文推荐
健 康 咨 询
时 尚 咨 询
巧巧读书宗旨
相关专题
讨论组问题推荐
站内各频道最新更新文档
站内最新制作专题
热门关键字导读
Photoshop教 程照片处理 照片制作 PS快捷键 抠图
计 算 机 故 障XP系统修复
艺 术 与 设 计设计 流媒体 设计欣赏 边框
计 算 机 安 全ARP
站内频道文章精选
巧巧电脑频道编辑信箱  告诉我们您想看的专题或文章