布士收藏夹

 HTML代码:

<div class="z_cpy">
	  <div class="z_cpy1"><img src="/skin/zgx/images/index_308.jpg" /></div>
	  <div class="z_cpy2"><img src="/skin/zgx/images/index_310.jpg" border="0" usemap="#Map2" />
        <map name="Map2" id="Map2">
          <area shape="rect" coords="330,37,419,61" href="#oder" onclick="jump(1)"/>
        </map>
	  </div>
	  <div class="z_cpy2"><img src="/skin/zgx/images/index_313.jpg" border="0" usemap="#Map3" />
        <map name="Map3" id="Map3">
          <area shape="rect" coords="333,51,421,74"  href="#oder" onclick="jump(2)"/>
        </map>
	  </div>
	  <div class="z_cpy2"><img src="/skin/zgx/images/index_315.jpg" border="0" usemap="#Map4" />
        <map name="Map4" id="Map4">
          <area shape="rect" coords="336,43,423,67" href="#oder" onclick="jump(3)" />
        </map>
	  </div>
	  <div class="z_cpy2"><img src="/skin/zgx/images/index_317.jpg" border="0" usemap="#Map5" />
        <map name="Map5" id="Map5">
          <area shape="rect" coords="343,43,427,66"  href="#oder" onclick="jump(4)"/>
        </map>
	  </div>
	</div>


<select tip="一定要选择哟" reg="[^0]" name="spname" class="select1" id="sp"> <option value="" selected="selected">请选择</option>
                          <option value="体验装">体验装</option>
                          <option value="一月装">一月装</option>
                          <option value="二月装">二月装</option>
                          <option value="三月装">三月装</option>
                          </select>

js代码

<script type="text/javascript">
//获取下拉列表选中项的文本
function jump(index){
var obj=document.getElementById('sp');
obj.selectedIndex = index;
window.location.href = '#oder'; 
}
</script>

 在单面的网络营销中非常的实用,具体请看网站案例!