1<html>
2<head>
3<title>模拟OICQ下拉头像</title>
4<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
5<script language="javascript">
6//提供者：小白
7//联系方法：
8//qq:14681571
9//email:[email protected]
10//说明：
11//在网上看到一篇模拟oicq选择图象的文章
12//不过程序只是给了提了个方法，并没达到真正的实际运用效果：不能选。
13//小白给完善了，下面是完整的源代码
14//通过测试：win2ks
15//准备6张图片：文件名分别见下面的代码
16//其中：none.bmp为没选择时的图片
17var bV=parseInt(navigator.appVersion);
18var IE4=((document.all)&&(bV>=4))?true:false;
19var NS4=(document.layers)?true:false;
20var z=0;
21function LayerV(LayerName,V){
22E=eval('document.'+LayerName);
23if(IE4) E=eval('document.all.'+LayerName+'.style');
24E.visibility=(V?'visible':'hidden');
25}
26
27//////////////////////////////////////////////////////////
28//下面这个函数实现了当点击图片时，把图片选上
29function select(image1){
30var html,url1
31url1=image1.src
32
33html="<img src="+url1+" width=70 height=70 onclick='javascript:select(this)'>"
34html=html+"<a href=javascript:LayerV('Zhong',z=1-z)><font style='font-family: Webdings;'>6</font></a>"
35pic.innerHTML=html
36LayerV('Zhong',z=1-z)
37}
38///////////////////////////////////////////////
39</script>
40</head>
41<body bgcolor="#FFFFFF">
42<table border="0" cellpadding="0" cellspacing="0" width="90">
43<tr>
44<td>
45<table border="1" bordercolor="#FF66FF" cellpadding="0" cellspacing="0" width="100%">
46<tr>
47<td align="right"><font style="font-size:12px"><div id="pic"><img height="70" onclick="javascript:LayerV('Zhong',z=1-z)" src="none.bmp" width="70"/><a href="javascript:LayerV('Zhong',z=1-z)"><font style="font-family: Webdings;">6</font></a></div></font></td>
48</tr>
49</table>
50</td>
51</tr>
52<tr>
53<td><div id="Zhong" style="position:relative ;visibility:hidden ;width:90px ;height:150px ;overflow:scroll;">
54<img height="70" onclick="javascript:select(this)" src="none.bmp" width="70"/><br/>
55<img height="70" onclick="javascript:select(this)" src="1.gif" width="70"/><br/>
56<img height="70" onclick="javascript:select(this)" src="2.gif" width="70"/><br/>
57<img height="70" onclick="javascript:select(this)" src="3.gif" width="70"/><br/>
58<img height="70" onclick="javascript:select(this)" src="4.gif" width="70"/><br/>
59<img height="70" onclick="javascript:select(this)" src="5.gif" width="70"/><br/>
60</div></td>
61</tr>
62</table>
63<br/><br/><br/><br/><br/><br/><br/><br/><br/>
64</body>
65</html>
模拟QQ的下拉列表选择图象
comments powered by Disqus