繁體中文当前位置: 首页 > 图文教程 > 网络编程 > ASP > 模拟QQ的下拉列表选择图象
- ASP
- 如何设置二级域名？
- 复杂表单的动态生成与动态验证
- 对数据库连接问题的一点总结
- 页边距的设定技巧(HTML)
- 用鼠标控制滚动的菜单条！(javascript)
- ADO+管理器功能
- 建立自己的WEB平台
- 网页加速之图形处理篇
- 如何在Web页面中集成文件上传功能
- 开发连接远程SQL Server 的ASP程序应注意的问题
- ASP服务器组件编程心得
- 配置ＩＩＳ４实现应用程序隔离
- ASP定时组件
- 网页加速处理-页面减肥与减化
- 一个查看ASP的javascript程序
- 怎样在网站上连接ORACLE数据库
- 加快图片显示(javascript)
- ADO如何使用Update语法呢？（BIG5）
- ADO如何取得资料表栏位资讯（BIG5）
- ADO如何建立修改刪除资料表呢？（BIG5）
ASP 中的 模拟QQ的下拉列表选择图象
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-03 浏览: 38 ::
收藏到网摘: n/a
<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
评论 (0) All
