HTML5网页设计

其他代码

select选择头像代码

时间:2014-12-19 17:45来源:未知作者:user点击:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /titleselect选择头

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>select选择头像代码-ShejiCool.com</title>
</head>

<body>
<select name=shejicool onchange="document.images['idface'].src=options[selectedIndex].value;">
        <option value="http://www.shejicool.com/images/demo/400_1.jpg" >头像01</option>
        <option value="http://www.shejicool.com/images/demo/400_2.jpg" >头像02</option>
        <option value="http://www.shejicool.com/images/demo/400_3.jpg" >头像03</option>
</select>   
<div style="position:absolute;"><img src="http://www.shejicool.com/images/demo/400_1.jpg" id=idface></div>
</body>
</html>
阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐