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




  • 上一篇文章：

  • 下一篇文章：
    • 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    　
    关于〖利用javascript创建功能强大的GUI(3)〗的最新评论：
    function insert_link() {
    var str = document.selection.createRange().text;
    document.my_form.my_textarea.focus();
    var my_link = prompt("Enter URL:","http://");
    if (my_link != null) {
    var sel = document.selection.createRange();
    sel.text = "<a href=\"" + my_link + "\">" + str + "</a>";
    }
    return;
    }

    　　第二个函数insert_link()与format_sel()是相同的，加上prompt()，它们可以使用户输入一个超文本链接的值。使用prompt()的结果，我们可以将选定的文本和代码组合起来，创建一个连接。有了这些函数，我们就可以为用户创建所有类型的界面。下面我们来看一个例子。

    在CSS中使用系统颜色

    　　在网站上使用上面函数的最简单的方法就是在“bold”、“italic”、和“link”按钮的onclick事件处理程序中调用这些函数，但这不够刺激。由于我们使用了selection对象，把自己限定在了IE/Win平台上，我们就应该充分利用IE的特性，在CSS中使用用户定义的系统颜色，创建象我们在其他软件中看到的那样的动态按钮。下面我们首先来看看定义了工具栏、按钮、升起和按下二种按钮的状态的样式表。

    #toolbar {
    margin: 0;
    padding: 0;
    width: 262px;
    background: buttonface;
    border-top: 1px solid buttonhighlight;
    border-left: 1px solid buttonhighlight;
    border-bottom: 1px solid buttonshadow;
    border-right: 1px solid buttonshadow;
    text-align:right;
    }

    .button {
    background: buttonface;
    border: 1px solid buttonface;
    margin: 1;
    }

    .raised {
    border-top: 1px solid buttonhighlight;
    border-left: 1px solid buttonhighlight;
    border-bottom: 1px solid buttonshadow;
    border-right: 1px solid buttonshadow;
    background: buttonface;
    margin: 1;
    }

    .pressed {
    border-top: 1px solid buttonshadow;
    border-left: 1px solid buttonshadow;
    border-bottom: 1px solid buttonhighlight;
    border-right: 1px solid buttonhighlight;
    background: buttonface;
    margin: 1;
    }
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 管理登录 | 
    中国站长在线 http://www.ite258.com 电子邮件：ite258@126.com
    点击给站长发消息！站长QQ群： 15643723
    湘ICP备07501014号
    站长：梦天　Copyright (c) 2002-2008 ite258.com. All Rights Reserved.
    本站部分资源由网友推荐，来自互联网，版权属于原版权人，如果不慎侵犯到您的权利，敬请告知，我们会在第一时间撤除。
    本站中各网友的评论只代表其个人观点，不代表本站同意其观点。