繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 【推荐】一个非常漂亮的列表框
- Javascript
- 可实现多表单提交的javascript函数
- 比较详细的关于javascript中void(0)的具体含义解释
- 随机显示经典句子或诗歌的javascript脚本
- javascript实现的多条新闻公告系统
- 解析arp病毒背后利用的Javascript技术附解密方法
- 比较详细的javascript对象的property和prototype是什么一种关系
- 访问百度和谷歌网速测试的javascript代码
- javascript 动态改变层的Z-INDEX的代码style.zIndex
- javascript+css实现单击颜色褪去效果
- javascript 表单日期选择效果
- 比较简单的javascript实现input双击后可以编辑
- javascript实现的颜色块滑动的动态效果
- js实现网页检测是否安装了 Flash Player 插件
- javascript 实现父窗口引用弹出窗口的值的脚本
- javascript 实现双击才能打开链接的方法
- 用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
- document.createElement("A")比较不错的属性
- 用javascript实现不按Ctrl实现Multiple Select多选
- JavaScript-世界上误解最深的语言分析
- IE和Mozilla的兼容性汇总event
Javascript 中的 【推荐】一个非常漂亮的列表框
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 382 ::
收藏到网摘: n/a
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
function getSelected()
{
return LISTtext.innerText
}
function LISTI_onmouseover(item)
{
LISTI0.style.color = LB_FGC
LISTI1.style.color = LB_FGC
LISTI2.style.color = LB_FGC
LISTI3.style.color = LB_FGC
LISTI4.style.color = LB_FGC
item.style.color = LB_HFC
}
function LISTI_onmouseout(item)
{
item.style.color = LB_FGC
}
function LISTI_onclick(item)
{
LISTI0.style.backgroundColor = LB_BGC
LISTI1.style.backgroundColor = LB_BGC
LISTI2.style.backgroundColor = LB_BGC
LISTI3.style.backgroundColor = LB_BGC
LISTI4.style.backgroundColor = LB_BGC
item.style.backgroundColor = LB_HBC
LISTtext.innerText = item.innerText
alert("You click " + item.innerText + "!")
}
function writeListbox()
{
document.write("<SPAN id=LISTtext style=\"DISPLAY: none\"></SPAN>")
document.write(" <DIV id=LIST")
document.write(" style =\"BACKGROUND-COLOR: " + LB_BGC + ";")
document.write(" BORDER-BOTTOM: " + LB_BC + " " + LB_BW + " solid;")
document.write(" BORDER-LEFT: " + LB_BC + " " + LB_BW + " solid;")
document.write(" BORDER-RIGHT: " + LB_BC + " " + LB_BW + " solid;")
document.write(" BORDER-TOP: " + LB_BC + " " + LB_BW + " solid;")
document.write(" POSITION: absolute; HEIGHT: 99px;")
document.write(" LEFT: " + LB_Left + "; TOP: " + LB_Top + "; WIDTH: " + LB_Width + "\">")
var i
for(i=0; i<ListboxData.length; i++)
{
document.write("<SPAN id=LISTI" + i)
document.write(" style=\"BACKGROUND-COLOR: " + LB_BGC + "; CURSOR: hand;")
document.write(" COLOR: " + LB_FGC + "; PADDING-LEFT: 10px; WIDTH: " + (LB_Width - 2 * LB_BW) + "\"")
document.write(" LANGUAGE=\"javascript\"")
document.write(" onmouseover=\"return LISTI_onmouseover(LISTI" + i + ")\"")
document.write(" onmouseout=\"return LISTI_onmouseout(LISTI" + i + ")\"")
document.write(" onclick=\"return LISTI_onclick(LISTI" + i + ")\">")
document.write(" " + ListboxData[i] + "</SPAN><BR>")
}
document.write("</DIV>")
}
var ListboxData = new Array()
var LB_BGC = "papayawhip"
var LB_FGC = "green"
var LB_HBC = "orange"
var LB_HFC = "red"
var LB_BC = "red"
var LB_BW = 1
var LB_Width = 90
var LB_Left = 80
var LB_Top = 100
ListboxData[0] = "Item0"
ListboxData[1] = "Item1"
ListboxData[2] = "Item2"
ListboxData[3] = "Item3"
ListboxData[4] = "Item4"
writeListbox()
</SCRIPT>
</HEAD>
<BODY>
<P><INPUT type="button" value="Selected" id=button1 name=button1
LANGUAGE=javascript
onclick="alert('You selected ' + LISTtext.innerText + '!')"></P>
<P>列表框演示程序：</P>
</BODY>
</HTML>
评论 (0) All
