图形选择脚本-JS特效-爱易网页

图形选择脚本

日期：2014-05-18　浏览次数：20286 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

<html>

<head>
<title>爱易网网页特效演示，图形选择脚本</title>
<style type="text/css">BODY {
	FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; MARGIN-LEFT: 4px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px
}
A {
	COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none
}
A:hover {
	COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline
}
A:active {
	COLOR: #ff0033; CURSOR: hand; FONT: 9pt "宋体"
}
</style>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<script language="JavaScript">

<!--

image1= new Image();

image1.src = "http://www.aiyiweb.com/UploadPic/userface/no1323.jpg";

image2= new Image();

image2.src = "http://www.aiyiweb.com/images/face/image21.gif";

image3= new Image();

image3.src = "http://www.aiyiweb.com/UploadPic/userface/no1323.jpg";
image4= new Image();

image4.src = "http://www.aiyiweb.com/images/face/image21.gif";

function imgchange(){

var imageNum =  document.form.selImage.selectedIndex + 1;

fname = eval("image" + imageNum + ".src")

document.img.src = fname

}

//-->

</script>

<font size="6" color="#0000FF"><strong>列表直接选择图形</strong></font>

<table border="0" borderColor="#0000FF" borderlight="green" height="150" width="410" style="border-collapse: collapse" cellpadding="0" cellspacing="0">
<TBODY>
  <tr>
    <td align="center" height="24" width="404">
    <font color="red" style="font-size: 9pt"><strong style="font-weight: 400">   </strong></font>
    <em style="font-style: normal"><font color="#FF0000" style="font-size: 9pt">一般的图片预缆都是另外打开一个窗口,图片大的话新打开窗口很费时间,这个特效提供了一个由列表直接选择图形的方法,由列表选择项目后,再单击View按钮,可以在下面见到所选择图片.

</font></em></td>
  </tr>
  <tr>
    <td align="middle" height="114" width="404"><form name="form">
      <select name="selImage" size="1">
        <option selected value="欢迎光临 请点菜">欢迎光临 请点菜</option>
        <option value="梨">梨</option>
        <option value="樱桃">樱桃</option>
        <option value="榛子">榛子</option>
      </select> <input onclick="imgchange()" type="button" value="View"> 
 
    </form> 
    
    <img height="40" name="img" 
    src="http://www.aiyiweb.com/images/face/image21.gif" 
    width="100" border="1" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> 
    　</td> 
  </tr>
</TBODY>
</table>
</center></div>

</body>
</html>
<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

图形选择脚本

相关资料更多>

推荐阅读更多>