模擬QQ的下拉列表選擇圖象

2019-11-18 20:19:39

字體：大中小

供稿：網(wǎng)友

<html>
<head>
<title>模擬OICQ下拉頭像</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
//提供者：小白
//聯(lián)系方法：
//QQ:14681571
//email:xiaobai@17560.net
//說明：
//在網(wǎng)上看到一篇模擬oicq選擇圖象的文章
//不過程序只是給了提了個(gè)方法，并沒達(dá)到真正的實(shí)際運(yùn)用效果：不能選。
//小白給完善了，下面是完整的源代碼
//通過測(cè)試：win2ks
//準(zhǔn)備6張圖片：文件名分別見下面的代碼
//其中：none.bmp為沒選擇時(shí)的圖片
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');
}

//////////////////////////////////////////////////////////
//下面這個(gè)函數(shù)實(shí)現(xiàn)了當(dāng)點(diǎn)擊圖片時(shí)，把圖片選上
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="none.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='none.bmp' width=70 height=70 onclick='javascript:select(this)'><br>
    <img src="1.gif" width=70 height=70  onclick="javascript:select(this)"><br>
<img src="2.gif" width=70 height=70  onclick="javascript:select(this)"><br>
<img src="3.gif" width=70 height=70  onclick="javascript:select(this)"><br>
<img src="4.gif" width=70 height=70  onclick="javascript:select(this)"><br>
<img src="5.gif" width=70 height=70  onclick="javascript:select(this)"><br>
</div></td>
  </tr>
</table>
<br><br><br><br><br><br><br><br><br>
</body>
</html>

上一篇：利用FSO取得BMP，JPG，PNG，GIF文件信息(大小，寬、高等)

下一篇：在asp中如何創(chuàng)建動(dòng)態(tài)表--調(diào)用如下sp_execute