利用javascript创建功能强大的gui(3)---java,java-为中国网络技术提供点滴动力-iyit.net-易特网络技术！

　　通行证: 用户密码

域名空间　下载中心　 社区论坛　信息公告 my小屋

联系我们
设为首页
加入收藏

qq,asp,php,jsp,xml,sql,.net,编程程序网页图象建站经验私服


	当前位置：首页>>网页设计>>网页特效>>正文	新版上线！[旧版]

注:打开慢时请稍等

利用javascript创建功能强大的gui(3)

http://www.iyit.net 日期：2006-5-5 10:00:49 来源：中国站长学院点击：

【参加讨论】

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;
}

编辑：黑鹰　[发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇：利用javascript创建功能强大的gui(2)
下一篇：利用javascript创建功能强大的gui(4)
转载请注明来源：www.iyit.net
特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。

　相关文章

javascript实例教程(3-2)	javascript实例教程(3-1)	javascript实例教程(2) 创建弹出式窗
javascript实例教程(1) 目录	javascript: 改变和控制显示的图片大小	计算鼠标所在位置的x,y坐标的javascrip
javascript实用的一些技巧	javascript实例教程(20-4)	javascript实例教程(20-3)
javascript实例教程(20-2)	javascript实例教程(20-1)	javascript实例教程(19-2)
javascript实例教程(19-1)	javascript实例教程(18-4)	javascript实例教程(18-3)
javascript实例教程(18-2)	javascript实例教程(18-1)	javascript实例教程(17-2)
javascript实例教程(17-1)	javascript实例教程(16)	javascript实例教程(15)
javascript实例教程(14)	javascript实例教程(13)	javascript实例教程(12)

推荐新闻

javascript实例教程(2) 创建弹出式窗

javascript实例教程(1) 目录

荧光文字

在frontpage 2000中插入flash动画

用frontpage 2000使图像“减肥”

提高frontpage 2002使用效率

用frontpage 2000创建网页动画

用frontpage 2000巧做样式表

用frontpage 2000制作鼠标光照特效

javascript实例教程(2) 创建弹出式窗

photoshop通道抠图：给秀发飞扬的mm照

第二十章　开发delphi对象式数据管理功

sql简明教程（1）

vbscript和javascript互相调用

jsp教程(四)-jsp actions的使用

操作系统被入侵后的修复过程

五一别忘电脑防毒养成良好上网习惯

google对ie浏览器将捆绑搜索功能表担忧

新版上线，今日正式开通!!!

用photoshop创意图形“岁月”

摄影后期系列一:1分钟为数码相片去红眼

	友情链接

	copyrights © 2004-2006 iyit.net all rights reserved. 网站合作、广告联系qq:147007642、466949678
	易特网络技术冀icp备05011851号		浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。