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

ASP
Adodb.Command 平时很少注意到的一个参数
Asp.Net控件加载错误的解决方法
远程连接access数据库的方法
创建具有JScript的HTML的XMLHTTP
在Asp中如何快速优化分页的技巧
用VB生成DLL封装ASP代码,连接数据库
RS.OPEN SQL,CONN,A,B 全接触
利用adodb.stream直接下载任何后缀的文件(防盗链)
用ASP编程控制在IIS建立Web站点的程序代码
使用VBScript操作Html复选框(CheckBox)控件
把文章内容中涉及到的图片自动保存到本地服务器
两个不同数据库表的分页显示解决方案
使用组件封装数据库操作(一)
使用组件封装数据库操作(二)
如何在pb中创建COM组件,并在asp中调用并返回结果集?
用ASP和Microsoft.XMLDOM分析远程XML文件
浅谈无刷新取得远程数据技术
将ASP纪录集输出成n列的的表格形式显示的方法
在ASP中通过oo4o连接Oracle数据库的例子
Server Application Error详细解决办法

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-03   浏览: 81 ::
收藏到网摘: 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