问题总结

background:url(../images/1.jpg) no-repeat 100% 100%;

引用  不平铺  100%大小

 

filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
 -moz-opacity:0.7; /*Firefox私有，透明度50%*/
opacity:0.7;/*其他，透明度50%*/

设置透明度

 

cursor:pointer;

指针变手

 

div设置文字居中要先设置line-height

 

display:inline-block;
width:250px;

给span设置宽度

 

可以给div设置标识来获取数据

 

上传图片预览

<!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=utf-8" />
<title>无标题文档</title>
</head>

<body>
<form id="sc" action="shangchuan.php" target="hidden_frame" method="post" enctype="multipart/form-data">
    <div id="yl" style="margin-left:0px; width:144px; height:170px; background-size:144px 170px; background-image:url(images/%E6%B5%B7%E6%8A%A51101.jpg)">
        <input type="file" name="file" style="width:144px; height:170px; float:left; opacity:0;" width="146" onchange="document.getElementById('sc').submit()"/>
        <img id="pic" style="display:none"/>
    </div>
    <input type="button" value="保存"/>
</form>
<iframe style="display:none;" name="hidden_frame" id="hidden_frame">
</iframe>

</body>
<script type="text/javascript">
//回调函数
function showimg(aa)
{
    var l = document.getElementById("yl");
    var p = document.getElementById("pic");
    
    l.style.backgroundImage = "url("+aa+")";
    p.setAttribute("src",aa);
}
</script>
</html>
View Code
<?php
   //上传文件限制
   if ((($_FILES["file"]["type"] == "image/gif")|| ($_FILES["file"]["type"] == "image/jpeg")|| ($_FILES["file"]["type"] == "image/pjpeg"))&& ($_FILES["file"]["size"] < 10000000))
  {
      //文件上传是否出错
      if ($_FILES["file"]["error"] > 0)
    {
        echo "上传出错: " . $_FILES["file"]["error"] . "<br />";
    }
      else
    {
        //输出文件信息
        /*echo "文件名: " . $_FILES["file"]["name"] . "<br />";
        echo "类型: " . $_FILES["file"]["type"] . "<br />";
        echo "大小: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";
        echo "临时路径: " . $_FILES["file"]["tmp_name"] . "<br />";*/
    
    //判断文件是否已存在
    if (file_exists("images/" . $_FILES["file"]["name"]))
      {
          echo "<script language='javascript'>alert('".$_FILES["file"]["name"]."已经存在！')</script>";
           
      }
    else
      {
          //造存储路径
          $filename = "images/" . $_FILES["file"]["name"];
          //移动图片至保存路径，解决中文乱码问题
            move_uploaded_file($_FILES["file"]["tmp_name"],iconv("UTF-8","gb2312",$filename));
          
            echo "该文件存储在了: " . "images/" . $_FILES["file"]["name"];
          echo "<script language='javascript'>parent.showimg('".$filename."')</script>";
      }
    }
  }
  else
  {
      echo "上传失败";
  }

?>
View Code

也可以用text返回

 

ajax分页

<!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=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.11.2.min.js"></script>
</head>

<body>
<table id="tb" width="100%" border="1" cellpadding="0" cellspacing="0">
    
</table>
<div>
<span id="shang">上一页</span>
<span id="xia">下一页</span>
<span>当前第：<input type="text" id="dq" value="1" />页</span>
<span>总共：<span id="zys"></span>页</span>
</div>
</body>
<script type="text/javascript">
$(document).ready(function(e) {
    FenYe();
    ZYS(2);
    
    $("#shang").click(function(){
            var dq = parseInt($("#dq").val());
            
            if(dq>1)
            {
                $("#dq").val(dq-1);
            }
            else
            {
                $("#dq").val(1);
            }
            FenYe();
        })
    
    $("#xia").click(function(){
            var dq = parseInt($("#dq").val());
            if(dq<$("#zys").text())
            {
                $("#dq").val(dq+1);
            }
            else
            {
                $("#dq").val($("#zys").text());
            }
            FenYe();
        })    
    
});

//实现分页的方法
function FenYe()
{
    var dq = $("#dq").val();
    $.ajax({
        url:"chuli.php",
        data:{page:dq},
        dataType:"JSON",
        type:"GET",
        success: function(data){
            
            var str = "<tr><td>代号</td><td>名称</td></tr>";
            for(var k in data)
            {
                str=str+"<tr><td>"+data[k].Code+"</td><td>"+data[k].Name+"</td></tr>";
            }
                $(tb).html(str);
            }
        });
    
}

//根据每页几条数据求总页数
function ZYS(n)
{
    $.ajax({
        url:"zyschuli.php",
        data:{list:n},
        type:"POST",
        dataType:"TEXT",
        success: function(data){
            $("#zys").text(data);
            }
        });
}

</script>
</html>
View Code
<?php

include("DBDA.php");
$db = new DBDA();

include("page.class.php");

$sql = "select count(*) from Nation";
$zs = $db->StrQuery($sql);

$page = new Page($zs,2);

$sqlsj = "select * from Info ".$page->limit;
//echo $sqlsj;
echo $db->JsonQuery($sqlsj);
View Code
<?php

include("DBDA.php");
$db = new DBDA();

$sql ="select count(*) from Info";
$sj = $db->StrQuery($sql);

$list = $_POST["list"];

$zys = 0;
if($sj%$list==0)
{
    $zys = $sj/$list;
}
else
{
    $zys = floor($sj/$list) +1;
}

echo $zys;
View Code

 

posted @ 2016-09-13 09:11  哔哩哔哩干杯  阅读(180)  评论(0)  编辑  收藏  举报