繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 【推荐】一个非常漂亮的列表框
- Javascript
- javascript 实现的类似hao123的多邮箱登录效果
- 不错的用resizeTo和moveTo两个函数实现窗口的“打乒乓球”效果
- 出现“不能执行已释放的Script代码”错误的原因及解决办法
- “不能执行已释放的Script代码”错误的原因及解决办法
- javascript入门·对象属性方法大总结
- javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
- JavaScript 入门·JavaScript 具有全范围的运算符
- 用javascript实现代替marquee的滚动字幕效果代码
- [原创]仿google adsense颜色选择器代码，从中易广告联盟程序提取
- greenbrower用到的function.js代码集合
- javascript flash下fromCharCode和charCodeAt方法使用说明
- 内部的小页面，用层制作，随机变色
- javascript简写效果“神秘的眼睛”
- 用js写“算24”游戏的思路分析与实现代码
- [原创]js循环输出图片，不足的要补0
- json简单介绍
- javascript 获取网页参数系统
- [原创]js判断ie方法集锦（含正则）代码短小经典
- javascript SocialHistory 检查访问者是否访问过某站点
- [原创]js判断是否有中文的脚本_js判断中文方法集合
Javascript 中的 【推荐】一个非常漂亮的列表框
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 242 ::
收藏到网摘: 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
