模仿QQ的下拉列表选择图象-会员卡,广州印刷,深圳印刷,印刷公司,名片,彩页,名片设计,设计教程,名片制作,彩色名片,名片模板,贵宾卡,pvc卡,设计欣赏,深圳名片,广州名片,business card design

首页	名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash

» 彩色名片
» PVC卡
» 彩色磁性卡
» 彩页/画册
» 个性印务
» 彩色不干胶
» 明信片
   » 明信片
   » 彩色书签
   » 门挂
» 其他产品与服务
   » 创业锦囊
   » 办公用品
   » 信封、信纸
   » 便签纸、斜面纸砖
   » 无碳复印纸
   » 海报
   » 大篇幅印刷
   » KT板
   » 海报
   » 横幅

模仿QQ的下拉列表选择图象
<html>
<head>
<title>模仿OICQ下拉头像</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
//说明：
//在网上看到一篇模仿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="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>

返回类别: 教程
上一教程: ASP 3.0高级编程(二十一)
下一教程: 在ASP中使用SQL语句之3:LIKE、NOT LIKE和 BETWEEN

您可以阅读与"模仿QQ的下拉列表选择图象"相关的教程:
· 用ASP程序实现二级下拉列表
· 网页中实现OICQ里的头像选择的下拉框
· 下拉列表中传递多个值
· ASP实现二级下拉列表
· 在网页中实现OICQ里的头像选择的下拉框


	快精灵印艺坊版权所有	首页会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店网站地图关于我们友情链接