深入PHP许愿墙模块功能分析(6)

$T=rand(320,520);
$L=rand(5,790); 
$Z=$page_count;
$Z = $Z - 3;
echo "
 <DIVstyle='left:".$L."px;top:".$T."px;z-index:".$Z.";' onmousedown='Move(this,event)' ondblclick=Show(".$id.",'shadeDiv')>      
  <TABLE cellSpacing=0 cellPadding=0 border=0>
   <TBODY>
    <TR>
     <TD>
       <DIV class=shead>
       &nbsp;&nbsp;<span >爱墙编号:".$id."&nbsp;&nbsp;&nbsp;".$sendtime."&nbsp;<a>×</span>
      </DIV>
     </TD>
    </TR>
    <TR>
     <TD>
       <DIV class=sbody><img src='"https://www.jb51.net/article/.$face."'>
       &nbsp;<span>".$Picker."</span><br>&nbsp;&nbsp;&nbsp;&nbsp;<span>$content</span>
      </DIV>
       <DIV class=sbody >
       <H2><span>".$author."</span></H2>
      </DIV>
      <DIV class=sbot>
       <br><a href='#''>[祝福你]</a>&nbsp;福气:<span>".$hits."</span> <span>QQ：<a href='http://wpa.qq.com/msgrd?uin=".$QQ."&Site=1&Menu=yes' title='单击与他/她交谈' target='_blank'>".$QQ."</a></span>
      </DIV>
     </TD>
    </TR>
   </TBODY>
  </TABLE>
 </DIV>";

6,解析IP获取用户所在城市
在PHP中，使用PHP预定义变量$_SERVER['REMOTE_ADDR']获取客户端的IP地址。然后将IP按照通用的算法将其解析成一个数字串(每个城市都有一个对应的数字串)，通过这个数字串来确定查询用户所在的城市名称。
在数据库中，IP区域的存储时一个数字串，并非实际的IP地址，这时就需要对客户端或服务器端的IP转换成指定数字串的格式，从而进行地域信息的查询。

复制代码 代码如下:

$ip=getenv('REMOTE_ADDR');   //获取客户端IP地址
/********解释IP区域***********/
$cip=cip($ip);
$csql="select * from tb_ip where (ip1<'".$cip."' and  ip2>'".$cip."') or (ip1=ip2 and ip2='".$cip."')";
//执行查询
$res = $DB->fetch_one_array($csql);
$cip1=$res['country'];
if($cip1==""){
 $cip1="IP不详";
}

二,实现过程
1，双击许愿字条，该字条置顶显示，并屏蔽整个页面
当用户双击许愿字条后，该许愿字条将置顶显示，同时屏蔽整个页面，以达到突出显示的效果。
(1)控制DIV突显效果，首页设置一个隐藏的DIV，ID名称为“shadeDiv”，代码如下
<div></div>
(2)应用Javascript脚本自定义一个Hide()函数，通过设置DIV的显示属性display设置为空，从而隐藏DIV，代码如下：

复制代码 代码如下:

function Hide(){
 document.getElementById("shadeDiv").style.display = "none";
 iLayerMaxNum = iLayerMaxNum+2;
}

(3)在CSS样式表中设置隐藏DIV的样式。代码如下：
#shadeDiv{filter:alpha(Opacity=55);opacity:0.35;background: #333;position:absolute;} //IE浏览器下滤镜效果，兼容性不好
(4)接下来，双击已经设计好的许愿字条DIV图层，代码如下：
ondblclick=Show(".$id.",'shadeDiv')
(5)自定义一个函数show()，用来控制背景的效果。

复制代码 代码如下: