网站首页┊站长博客┊下载中心┊域名交易┊站长论坛┊域名主机┊免费电邮┊免费域名┊中文排行┊排名查询┊站长书库┊书籍教程下载
设为首页
加入收藏
总编信箱
投稿或申请专栏请先 [登 陆]
学院首页 ┊网络编程 ┊网页设计 ┊图形图象 ┊数 据 库 ┊服 务 器 ┊网络媒体 ┊网络安全 ┊个人专栏 ┊站长CLUB ┊业界新闻 ┊信息公告
 当前位置：首页 >> 网页设计 >> 网页特效 >> 正文
公告通知
▍返回上级列表
资料搜索
相关文章
利用JavaScript创建功能强大的GUI(5)
[ 来源：中国站长学院 | 作者：郁郁小蝎 | 时间：2005-4-26 9:13:58 | 浏览：人次 ]
收藏到新浪ViVi 收藏到365KEY 收藏到我摘  字号选择〖 大 中 小 〗/ 双击滚屏 单击停止  


<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。

[发送给好友]  [打印本页]  [关闭窗口]  [返回顶部]   转载请注明来源：http://edu.chinaz.com   
特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。
栏目编辑： 设计风 责任编辑： 设计风
原始作者： 郁郁小蝎 录入时间： 2005-4-26 9:13:58
信息来源： 中国站长学院 投稿信箱： Edu#chinaz.com
设为首页 - 加入收藏 - 关于我们 - 广告服务 - 版权申明 - 友情链接 - 联系方式 - 总编信箱 - 会员投稿
© CopyRight 2005-2008 CHINAZ.COM.Inc All Rights Reserved
　
本站服务器空间和带宽由厦门柯特数据提供赞助