模拟QQ的下拉列表选择图象

程序员文章站 2023-08-29 17:02:11

模拟oicq下拉头像

<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">
        <tr>
          <td align="right"><font style="font-size:12px"><p id=pic><img src="/edu/uploadpic/2007-12/2007129133553341.bmp""  width=70 height=70 onclick="javascript:layerv(zhong,z=1-z)"><a href="javascript:layerv(zhong,z=1-z)"><font style="font-family: webdings;">6</font></a></p></td>
        </tr>
      </table>
      </td>
  </tr>
  <tr>
    <td><p id="zhong" style="position:relative ;visibility:hidden ;width:90px ;height:150px ;overflow:scroll;">
    <img src="/edu/uploadpic/2007-12/2007129133553996.bmp" width=70 height=70 onclick=javascript:select(this)><br>
    <img src="/edu/uploadpic/2007-12/2007129133554642.gif"" width=70 height=70  onclick="javascript:select(this)"><br>
<img src="/edu/uploadpic/2007-12/2007129133554883.gif"" width=70 height=70  onclick="javascript:select(this)"><br>
<img src="/edu/uploadpic/2007-12/2007129133554489.gif"" width=70 height=70  onclick="javascript:select(this)"><br>

上一篇：成化是明朝时期哪位皇帝的年号？期间发生了哪些政事异象？

下一篇：网站网络推广