a 设为首页
a 加入收藏
a 联系我们
a     本站诚征友情链接！！！  [admin  2007年11月22日]         今天是
 | 网站首页 | 站长在线 | 新闻资讯 | 网页设计 | 平面设计 | 网络媒体 | 网络安全 | 服务器 | 软件下载 | 图片素材 | 在线商城 | 站长论坛 | 留言 | 繁體中文
热门搜索关键字： 模板 | 错误 | 标签 | 采集 | 数据库 | 组件 | 代码 | 特效 | 木马 | 插件 | 虚拟主机
文章 下载 图片
栏目导航  
【ASPNET】
【JspPhp】
【HTMLCSS】
【网页配色】
【网页特效】
【Frontpage】
【Dreamweaver】
【其他相关】
专题栏目  
· 网络架设  · 病毒安全
· 图行天下  · 音影视听
· 动易软件  · 动网软件
· 虚拟组合  · SEO技术
推荐文章  
热门文章  
图片文章  
 
您现在的位置： 中国站长在线|ITE258 >> 网页设计 >> 网页特效 >> 正文
利用javascript创建功能强大的GUI(5)
文章来源：不详 点击数： 更新时间：2007-7-4 【字体：小 大】




  • 上一篇文章：

  • 下一篇文章：
    • 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    　
    关于〖利用javascript创建功能强大的GUI(5)〗的最新评论：


    <img class="button"
    onmouseover="mouseover(this);"
    onmouseout="mouseout(this);"
    onmousedown="mousedown(this);"
    onmouseup="mouseup(this);"
    onclick="format_sel('b');"
    src="http://edu.chinaz.com/Get/Website/Javascript/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="http://edu.chinaz.com/Get/Website/Javascript/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="http://edu.chinaz.com/Get/Website/Javascript/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://www.ite258.com 电子邮件：ite258@126.com
    点击给站长发消息！站长QQ群： 15643723
    湘ICP备07501014号
    站长：梦天　Copyright (c) 2002-2008 ite258.com. All Rights Reserved.
    本站部分资源由网友推荐，来自互联网，版权属于原版权人，如果不慎侵犯到您的权利，敬请告知，我们会在第一时间撤除。
    本站中各网友的评论只代表其个人观点，不代表本站同意其观点。