指引网

当前位置: 主页 > 编程开发 > ASP >

模拟QQ的下拉列表选择图象(小白完善版)

来源:网络 作者:佚名 点击: 时间:2017-06-22 20:11
[摘要] html head title模拟OICQ下拉头像/title meta http-equiv=Content-Type content=text/html; charset=gb2312 script language=javascript //提供者:小白 //联系方法: //qq:14681571 //email:xiaobai@17560.net //说明: //在网上看到
<html>
<head>
<title>模拟OICQ下拉头像</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
//提供者:小白
//联系方法:
//qq:14681571
//email:xiaobai@17560.net
//说明:
//在网上看到一篇模拟oicq选择图象的文章
//不过程序只是给了提了个方法,并没达到真正的实际运用效果:不能选。
//小白给完善了,下面是完整的源代码
//通过测试:win2ks
//准备6张图片:文件名分别见下面的代码
//其中:none.bmp为没选择时的图片
var bV=parseInt(navigator.appVersion);
var IE4=((document.all)&&(bV>=4))?true:false;
var NS4=(document.layers)?true:false;
var z=0;
function LayerV(LayerName,V){
    E=eval('document.'+LayerName);
    if(IE4) E=eval('document.all.'+LayerName+'.style');
    E.visibility=(V?'visible':'hidden');
}
//////////////////////////////////////////////////////////
//下面这个函数实现了当点击图片时,把图片选上
function select(image1){
var html,url1
url1=image1.src
html="<img src="+url1+" width=70 height=70 onclick='javascript:select(this)'>"
html=html+"<a href=javascript:LayerV('Zhong',z=1-z)><font style='font-family: Webdings;'>6</font></a>"
pic.innerHTML=html
LayerV('Zhong',z=1-z)
}
///////////////////////////////////////////////
</script>
</head>
<body bgcolor="#FFFFFF">
<table width="90" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>
        <table width="100%" border="1" cellspacing="0" cellpadding="0" bordercolor="#FF66FF">
------分隔线----------------------------