zoukankan      html  css  js  c++  java
  • 问题总结

    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;
    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; 144px; height:170px; background-size:144px 170px; background-image:url(images/%E6%B5%B7%E6%8A%A51101.jpg)">
            <input type="file" name="file" style="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
  • 相关阅读:
    day10
    day 09
    day08
    day07
    day6
    day5
    成员变量和局部变量
    (第五章)java面向对象之this的作用总结
    简单的音乐播放
    异步消息处理机制 简析
  • 原文地址:https://www.cnblogs.com/bilibiliganbei/p/5867221.html
Copyright © 2011-2022 走看看