网页中的个人头像选择框(转)

1、先看个效果

2、源文件

New Document

body,td,div  {font:12px 宋体}

label        {height:119px;padding:3px 0px 0px 4px}

.link_Box    {text-align:left;cursor:default}

.link_head   {width:100%;height:123;border:2px inset}

.link_text   {background:#fff;padding-left:2px}

.link_arrow0 {font:14px marlett;text-align:center;width:22;height:100%;border:2px outset;background:buttonface}

.link_arrow1 {font:14px marlett;text-align:center;width:22;height:100%;border:1px solid buttonshadow;padding:2px 0px 0px 2px;background:buttonface}

.link_value  {position:absolute;visibility:hidden;border:1px solid;overflow:auto;overflow-x:hidden;filter:alpha(opacity:0)}

.link_record0{width:100%;height:120;border-top:1px solid #eee;background:#fff;color:#000;padding-left:2px}

.link_record1{width:100%;height:120;border-top:1px solid #047;background:#058;color:#fe0;padding-left:2px}

var dropShow=false

var currentID

function dropdown(el){

if(dropShow){

dropFadeOut()

}else{

currentID=el

el.style.visibility="visible"

dropFadeIn()

}

}

function dropFadeIn(){//選單淡入的效果

if(currentID.filters.alpha.opacity<100){

currentID.filters.alpha.opacity+=20

fadeTimer=setTimeout("dropFadeIn()",50)

}else{

dropShow=true

clearTimeout(fadeTimer)

}

}

function dropFadeOut(){//選單淡出的效果

if(currentID.filters.alpha.opacity>0){

clearTimeout(fadeTimer)

currentID.filters.alpha.opacity-=20

fadeTimer=setTimeout("dropFadeOut()",50)

}else{

dropShow=false

currentID.style.visibility="hidden"

}

}

function dropdownHide(){

if(dropShow){

dropFadeOut()

dropShow=false

}

}

function hiLight(el){//高亮度顯示指標位置

if(dropShow){

for(i=0;i

el.parentElement.childNodes(i).className="link_record0"

}

el.className="link_record1"

}

}

function CheckMe(el){//替換顯示內容

el.parentElement.parentElement.childNodes(0).childNodes(0).childNodes(0).childNodes(0).childNodes(0).childNodes(0).innerHTML=el.innerHTML

}

document.οnclick=dropdownHide

请选择

6

笑死你

反省一下

下班啦

3、改改，加个table，这样就可以分几行展示：

源文件见附件！

总结

以上是编程之家为你收集整理的网页中的个人头像选择框(转)全部内容，希望文章能够帮你解决网页中的个人头像选择框(转)所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！