深山工作室 >

留言动态显示图片

以下为详细代码

<title>留言动态显示图片——深山工作室,深山行者优秀个人网页欣赏,企业网站制作——Powered By Qwbm</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="KeyWords" content="深山工作室,深山行者优秀个人网页欣赏,企业网站制作">
<meta name="Description" content="深山工作室,深山行者优秀个人网页欣赏,企业网站制作">
<meta name="generator" content="dreamwerver8" />
<meta name="author" content="www.qwbm.com,深山行者" />
<meta name="copyright" content="Copyright 2008,www.qwbm.com,深山行者,565449214" />

<script>
function chaimage()
{
document.images.im.src="images/tu/"+document.form1.m1.options[document.form1.m1.selectedIndex].value+""+document.form1.m2.options[document.form1.m2.selectedIndex].value+".gif";
var a=document.images.im.src;
aaa.innerHTML=a;
document.form1.bb.value=a;
document.form1.tu.value=a;
}
</script>
</head>
<body leftmargin="0">
<center>
  <form action="" method="post" enctype="multipart/form-data" name="form1">
    <table width="195" height="80" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="111" height="25"><div align="left">性别:
            <select name="m1" onChange="chaimage()">
		      <option selected value="m">--男--  
              <option value="w">--女--</option>
            </select>
        </div></td>
        <td width="84" rowspan="2"><img name="im" src="images/tu/m03.gif" width="83" height="76"></td>
      </tr>
      <tr>
        <td><div align="left">表情:
            <select name="m2" onChange="chaimage()">
              <option value="01" selected>图像一</option>
              <option value="02">图像二 </option>
              <option value="03">图像三 </option>
              <option value="04">图像四 </option>
            </select>
        </div></td>
      </tr>
    </table>
    <input name="bb" type="text" size="60">
    <br>
    <input type="file" name="file">
    <br>
	
<input name="tu" type="text" value="images/tu/m03.gif" size="50">
<input type="button" onClick="tut.src=bb.value" value="预看">
<input type="button" onClick="tut.src=file.value" value="文件预看">&nbsp;&nbsp;
<img src="images/tu/m03.gif" width="180" height="60" align="absmiddle" name="tut">

</form>
<div id="aaa"></div>
</center>
</body>
</html>

前一页:用Javascript仿flash焦点图片效果支持IE与火狐

后一页:利用CSS里面的A:hover鼠标滑过缩略图时放大图片

相关阅读: 深山旅行社网站管理系统5.0发布; 旅行社网站管理系统商业版4.0发布; 默认系统; 穿越火线风格-网吧留言本V4.3; 小说封面制作网站留言板模板; 深山留言板钓鱼岛效果; 深山留言板情人节效果; 深山留言板祈福效果

更多>>图形特效相关信息: div+css黑色焦点图(幻灯片效果非常不错); javascript实现图片预览功能; 比较实用的利用javascript按比例相应缩放图片大小; 一个效果非常不错图片载入loading等待效果; 利用css实现图片选中后显示文字与图片效果

更多>>最新添加: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法

服务热线: 13961347334

: 微信公众号二维码

: 百度小程序二维码

: 头条抖音小程序二维码

: 联系微信二维码

: 联系QQ二维码

Copyright © 深山工作室 All Rights Reserved
服务QQ:565449214 手机:13961347334
ICP备案:苏ICP备15019627号
苏公网安备 32070502010230号