首页
|
新闻资讯
|
网站运营
|
网络编程
|
数据库
|
服务器
|
网页设计
|
图像媒体
|
网络应用
|
搜索优化
|
资源下载
|
动网主机
|
DVBOX
本站内
互联网
ASP论坛
ASP.Net论坛
PHP论坛
网页设计
→ 阅读文章
利用JavaScript创建功能强大的GUI(5)
作者
：郁郁小蝎
来源
：中国站长学院
阅读 数 332 人次 , 2006-2-15 14:46:00
<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。
本文Tags
：
组网
收藏本文
打印本文
论坛讨论
关闭窗口
· 上一篇：
利用JavaScript创建功能强大的GUI(4)
· 下一篇：
用JavaScript实现动画效果(1)
·
Dreamweaver滑动菜单的制作
·
HTML组件之:最顶级页面(2)
·
样 式 表 全 接 触（2）
·
Javascript实例教程(14)
·
JavaScript 小技巧(第五集)
关于本站
|
联系我们
|
业务合作
|
客户案例
|
诚聘英才
|
广告合作
|
收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006
Cndw
.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077
