日期:2014-05-16  浏览次数:20406 次

请问大家有没有办法从这个网站拖两个文件下来啊?
我想实现类似世博会点网页上某个区域会弹出一个窗口的,网络上找了段实例代码,代码如下:
HTML code


<!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" />
<meta http-equiv="x-ua-compatible" content="ie=7" />
<title>蜀门公会频道-易众网</title>
<link href="global.css" type="text/css" rel="stylesheet" />
<script language="javascript" src="jquery.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function(){
 
 $(".shibo_map .hasing").each(function(index,dom){
  $(dom).bind({
  click: function()
  {
  x=event.x;//获取当前时间的鼠标位置
  y=event.y;
  $(this).addClass("selected").siblings().removeClass('selected');
  $(".showBox_bg").css({"display":"block"});
  $(".showBox").css({"display":"block"});
  if(x>323)
  {  
  if(y>190)
  {
  $(".showBox_bg").css({"top":parseInt(y-140),"left":parseInt($(this).css("left"))-194});
  $(".showBox").eq(index).css({"top":parseInt(y-140),"left":parseInt($(this).css("left"))-194}).siblings(".showBox").css({"display":"none"}); 
  }
  else
  {
  $(".showBox_bg").css({"top":parseInt(y+20),"left":parseInt($(this).css("left"))-194});
  $(".showBox").eq(index).css({"top":parseInt(y+20),"left":parseInt($(this).css("left"))-194}).siblings(".showBox").css({"display":"none"}); 
  }

  }
  else
  {
  if(y>190)
  {
  $(".showBox_bg").css({"top":parseInt(y-140),"left":parseInt($(this).css("left"))}); 
  $(".showBox").eq(index).css({"top":parseInt(y-140),"left":parseInt($(this).css("left"))}).siblings(".showBox").css({"display":"none"}); 
  }
  else
  {
  $(".showBox_bg").css({"top":parseInt(y+20),"left":parseInt($(this).css("left"))}); 
  $(".showBox").eq(index).css({"top":parseInt(y+20),"left":parseInt($(this).css("left"))}).siblings(".showBox").css({"display":"none"}); 
  }
  }
  }
  }); 
 })
 $(".CLOSE_showBox").each(function(index,dom){
  $(dom).bind({
  click: function()
  {
  $(this) .parent().parent().css({"display":"none"});
  $(".showBox_bg").css({"display":"none"});
  $(".shibo_map .hasing").removeClass("selected");
  }
  })
 })

})
</script>
</head>
<body>
<style type="text/css">
.shibo_map{width:646px; position:relative; margin:40px auto;height:387px; background:url(map.jpg) top center no-repeat;}
.shibo_map span{ display:block; position:absolute; width:51px; height:19px; line-height:19px; text-align:center; z-index:8; cursor:pointer;}
.shibo_map span.selected{ background:url(local.gif) top center no-repeat; color:#fff;}
.showBox{ position:absolute; display:none; width:245px; height:115px;z-index:68;}
.showBox_bg{ position:absolute; display:none; width:245px; height:115px;z-index:58;background-color:#000000; filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;}
.shibo_title{ padding:0px 10px; height:35px;}
.shibo_title h4{ float:left; line-height:35px; font-weight:normal; font-size:16px; color:#fff;}
.shibo_title .CLOSE_showBox{ fl