当前位置: 首页 > 图文教程 > 网络编程 > ASP > 模拟QQ的下拉列表选择图象

ASP
构建你的网站新闻自动发布系统之三
构建你的网站新闻自动发布系统之四
如何用ASP编写网站统计系统一
如何用ASP编写网站统计系统二
如何用ASP编写网站统计系统三
如何用ASP编写网站统计系统四
ASP Error 0115的一些解决办法
ASP 3.0 新特色先睹为快(一)
ASP 3.0 新特色先睹为快(二)
ASP主件中的安全问题
一个汉字转成拼音的代码
使用w3Sockets组件实现域名查询功能
ASP中实现文件上传方法的研究
构建免受FSO组件威胁虚拟主机
用XMLHTTP做一个自己特色的Google
用asp实现的代码批量修改程序
无组件的数据库的备份与还原
用ASPJPEG组件制作图片的缩略图和加水印
解密ASP源代码
XmlHttp异步获取网站数据的例子

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-03   浏览: 27 ::
收藏到网摘: n/a

  <html>
<head>
<title>模拟OICQ下拉头像</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
//提供者:小白
//联系方法:
//qq:14681571
//email:[email protected]
//说明:
//在网上看到一篇模拟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"><div id=pic><img src="/upload/tech/20091103/20091103101601_076a0c97d09cf1a0ec3e19c7f2529f2b.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></div></td>
        </tr>
      </table>
      </td>
  </tr>
  <tr>
    <td><div id="Zhong" style="position:relative ;visibility:hidden ;width:90px ;height:150px ;overflow:scroll;">
    <img src="/upload/tech/20091103/20091103101601_7a53928fa4dd31e82c6ef826f341daec.bmp" width=70 height=70 onclick='javascript:select(this)'><br>
    <img src="/upload/tech/20091103/20091103101602_8e6b42f1644ecb1327dc03ab345e618b.gif"" width=70 height=70  onclick="javascript:select(this)"><br>
<img src="/upload/tech/20091103/20091103101603_82aa4b0af34c2313a562076992e50aa3.gif"" width=70 height=70  onclick="javascript:select(this)"><br>
<img src="/upload/tech/20091103/20091103101603_013d407166ec4fa56eb1e1f8cbe183b9.gif"" width=70 height=70  onclick="javascript:select(this)"><br>
<img src="/upload/tech/20091103/20091103101604_b55ec28c52d5f6205684a473a2193564.gif"" width=70 height=70  onclick="javascript:select(this)"><br>
<img src="/upload/tech/20091103/20091103101604_58ae749f25eded36f486bc85feb3f0ab.gif"" width=70 height=70  onclick="javascript:select(this)"><br>
</div></td>
  </tr&g