url

Ajax+PHP分页演示,完整源码

时间秒杀一切 提交于 2020-03-17 01:53:04
网上有类似的,不过有个错误,我改正了,原来在IE下刷新会提示reobj未定义。 test.php文件 如下 <?php header("Content-type: text/html;charset=GBK");//输出编码,避免中文乱码 ?> <html> <head> <title>ajax分页演示</title> <script language="javascript" src="ajaxpg.js"></script> </head> <body> <div id="result"> <?php $page=isset($_GET['page'])?intval($_GET['page']):1; //这句就是获取page=18中的page的值,假如不存在page,那么页数就是1。 $num=10; //每页显示10条数据 $db=mysql_connect("localhost","root",""); //创建数据库连接 mysql_select_db("zhandian"); //选择要操作的数据库 /* 首先咱们要获取数据库中到底有多少数据,才能判断具体要分多少页,具体的公式就是 总数据库除以每页显示的条数,有余进一。 也就是说10/3=3.3333=4 有余数就要进一。 */ $result=mysql_query("select * from corange

小谈PHPMYSQL分页原理及实现

南楼画角 提交于 2020-03-17 01:52:10
在看本文之前,请确保你已掌握了PHP的一些知识以及MYSQL的查询操作基础哦。 作为一个Web程序,经常要和不计其数的数据打交道,比如会员的数据,文章数据,假如只有几十个会员那很好办,在一页显示就可以了,可是假如你的网站是几千甚至几十万会员的话,如果都在一页打开的话无论对浏览器还是观看者都是一种折磨。 相信每个学习PHP的新手都会对分页这个东西感觉很头疼,不过有了默默的这一水帖,你肯定会拍拍脑袋说,嘿,原来分页竟然如此简单?的确,现在请深呼吸一口新鲜的空气,仔细的听默默给你一点一点的分解。 假设我们要处理1000条数据,要在每页中显示10条,这样的话就会分100页来显示,咱们先看一看在mysql里提取10条信息是如何操作的。 Select * from table limit 0,10 上面是一句很简单的mysql查询语句,它的作用是从一个名叫table的表里提取10条数据,并且把所有字段的值都获得。 关键的地方就在这段“limit 0,10”,它其中的0是以0为起始点,后面的10则是显示10条数据,那么我们要以10为起始点,显示到第20条数据该怎么写呢? 可能很多大大会心直口快的说“limit 10,20”嘛!啊哦,这样可就错误了哦,正确的写法是“limit 10,10”它后面的参数并非是结束点而是要提取的数目,记住哦。 懂得了如何提取10条数据

PHP&MYSQL分页原理及实现

↘锁芯ラ 提交于 2020-03-17 01:51:45
原文: http://www.sudu.cn/info/html/edu/php/20071031/9391.html 作为一个 Web 程式,经常要和不计其数的数据打交道,比如会员的数据,文章数据,假如只有几十个会员那很好办,在一页显示就能够了,可是假如您的网站是几千甚至几十万会员的话,假如都在一页打开的话无论对浏览器还是观看者都是一种折磨。 相信每个学习 PHP 的新手都会对分页这个东西感觉很头疼,但是有了默默的这一水帖,您肯定会拍拍脑袋说,嘿,原来分页竟然如此简单?的确,现在请深呼吸一口新鲜的空气,仔细的听默默给您一点一点的分解。 假设我们要处理 1000 条数据,要在每页中显示 10 条,这样的话就会分 100 页来显示,咱们先看一看在 mysql 里提取 10 条信息是如何操作的。 Select * from table limit 0,10 上面是一句很简单的 mysql 查询语句,他的作用是从一个名叫 table 的表里提取 10 条数据,并且把任何字段的值都获得。 关键的地方就在这段“ limit 0, 10 ” ,他其中的 0 是以 0 为起始点,后面的 10 则是显示 10 条数据,那么我们要以 10 为起始点,显示到第 20 条数据该怎么写呢? 可能很多大大会心直口快的说“ limit 10,20” 嘛!啊哦,这样可就错误了哦,正确的写法是“ limit 10

HTML学习总结

僤鯓⒐⒋嵵緔 提交于 2020-03-16 11:53:42
HTML <!DOCTYPE> 标题通过<h1>-<h6>等标签来定义:<h1> </h1> *<h1>-<h6>字体大小从大到小,可以出现多个<h1>。 段落通过<p>来定义:<p> </p> 链接通过<a>来定义:<a href=" "> </a> 链接可用图片,按键。 target属性:使用 Target 属性,你可以定义被链接的文档在何处显示。 打开一个新的页面: target="_blank" <a href=" " target="_blank" ></a> 图像通过<img>来定义,<img>是一个空标签,只包含属性,并且没有闭合标签。要在页面上显示图像,必须使用原属性(src),src是指“source”。 *原属性的值是图像的URL地址。 URL是指储存图像的位置。 定义图像的语法是: <img src="url"/> 当找不到图像时,替换文本alt: <img src="url" alt="not found"> *** 假如每个HTML文件包含10个图像,那么为了真确显示这个页面,需要加载11个文件。加载图片时需要时间的,建议:慎用图片。 背景图: <body background="URL"> *如果页面大于图片,图像会进行重复。 图像对齐: <p>图像 <img src="URL" align="bottom(下)或者middle(中)或者top(上)">

font-face自定义字体

两盒软妹~` 提交于 2020-03-16 07:31:36
做网站的时候,有时候会遇到某些字体系统里面没有自带。可能更多的时候我们会选择以图替文的方式来做。用图片的话不利于图片的放大缩小,更好的办法是我们可以自定义字体。 当然,在实际运用中我们需要权衡一下自定义字体的利弊。自定义字体的话,我们需要引入多种格式,如下图: 所以,如果自定义字体的话必然会增加网页的体积,尤其是中文格式。 自定义字体的方法如下: 1.找到这个字体的ttf格式,再用字体转换工具转换成不同的格式。 常见的字体格式转换工具有:FontsQuirrel、onlinefontconverter(个人比较喜欢用这个)。 2.利用css自定义字体: @font-face { font-family: 'Playbill'; /*给自定义字体命名*/ src: url('Playbill.eot'); src: url('Playbill.eot?#iefix') format('eot'), url('Playbill.woff') format('woff'), url('Playbill.ttf') format('truetype'), url('Playbill.svg#webfontjKg17VrE') format('svg'); } 3.在你需要的地方引用字体: body{font-family:"Playbill"} ok!就这三步,大功告成! 来源:

网页中使用任意字体之实际操作

丶灬走出姿态 提交于 2020-03-16 07:29:16
  之前对“在网页中嵌入非系统自带字体”做过一点研究,虽然技术上能实现,但是对国内来说,没有太大的实际意义,因为一个中文体文件起码20M+,而且各个浏览器支持的字体文件还都不一样,也就是说,在服务器端必须有2-3个不同格式的字体文件,用来应付各个浏览器,可以看下下面这张对应图。   以为之前做的这个小研究对以后的工作不会用到,谁知还真的用到了。有个客户要求显示时间,但时间的字体必须是电子表的那种字体,如图:   首先,我们要找到这个字体,因为这个字体只有ttf格式的,所以我们需要转换出其他各种不同的格式,至于如何转换,有软件,有在线,我在这就不指明一定要使用哪种了。   转换好后,就可以编写css代码了 @font-face { font-family: 'hooray'; /*给自定义字体命名*/ src: url('hooray.eot'); src: url('hooray.eot?#iefix') format('eot'), url('hooray.woff') format('woff'), url('hooray.ttf') format('truetype'), url('hooray.svg#webfontjKg17VrE') format('svg'); }   至于调用,和常规的一样,在需要的地方定义font-family,并且字体名称就是刚才命名好的名称就行

XMLHTTPRequest状态status完整列表

做~自己de王妃 提交于 2020-03-16 06:36:31
当用户试图通过 HTTP 访问一台正在运行 Internet 信息服务 (IIS) 的服务器上的内容时,IIS 返回一个表示该请求的状态的数字代码。状态代码可以指明具体请求是否已成功,还可以揭示请求失败的确切原因: 1xx - 信息提示 这些状态代码表示临时的响应。客户端在收到常规响应之前,应准备接收一个或多个 1xx 响应。 ·0 - 本地响应成功。  · 100 - Continue 初始的请求已经接受,客户应当继续发送请求的其余部分。(HTTP 1.1新)  · 101 - Switching Protocols 服务器将遵从客户的请求转换到另外一种协议(HTTP 1.1新) 2xx - 成功 这类状态代码表明服务器成功地接受了客户端请求。  · 200 - OK 一切正常,对GET和POST请求的应答文档跟在后面。  · 201 - Created 服务器已经创建了文档,Location头给出了它的URL。  · 202 - Accepted 已经接受请求,但处理尚未完成。  · 203 - Non-Authoritative Information 文档已经正常地返回,但一些应答头可能不正确,因为使用的是文档的拷贝,非权威性信息(HTTP 1.1新)。  · 204 - No Content 没有新文档,浏览器应该继续显示原来的文档。如果用户定期地刷新页面

HTTP之get post

最后都变了- 提交于 2020-03-16 06:36:05
1.什么是URL    URL 的全称是 Uniform Resource Locator (统一资源定位符)  通过 1 个 URL ,能找到互联网上唯一的 1 个资源 URL 就是资源的地址、位置,互联网上的每个资源都有一个唯一的 URL URL 的基本格式 = 协议 :// 主机地址 / 路径 http://202.108.22.5/img/bdlogo.gif 协议:不同的协议,代表着不同的资源查找方式、资源传输方式.1>HTTP:// 表示采用HTTP协议, 主机地址:存放资源的主机的 IP 地址(域名)2>202.208.225/ 这是我的本地服务器地址, 路径:资源在主机中的具体位置3>img/bdlogo.gif 这是我要访问的数据在我服务器上的路径 2.URL 中常见的协议 : HTTP 超文本传输协议,访问的是远程的网络资源,格式是 http:// http 协议是在网络开发中最常用的协议 file 访问的是本地计算机上的资源,格式是 file:// (不用加主机地址) mailto 访问的是电子邮件地址,格式是 mailto: FTP 访问的是共享主机的文件资源,格式是 ftp:// HTTP 协议简介 HTTP 协议的作用 HTTP 的全称是 Hypertext Transfer Protocol ,超文本传输协议 规定客户端和服务器之间的数据传输格式

音频播放器

ⅰ亾dé卋堺 提交于 2020-03-16 03:55:01
HTML+JS 的音频播放器 Web 上的音频直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash )来播放的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 audio 元素来包含音频的标准方法。 audio 元素能够播放声音文件或者音频流。 <audio src="song.mp3" controls="controls"> </audio> 试着用 audio 与 windows media 编写一个多浏览器支持的音频播放器: Html : <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>WavPlayer</title> <meta name="Author" content=""> <meta name="Keywords" content=""> <link href="public.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript" src="jquery.js"></script> <script

JS通过ajax + 多列布局 + 自动加载来实现瀑布流效果

痴心易碎 提交于 2020-03-16 03:48:26
Ajax 说明:本文效果是无限加载的,意思就是你一直滚动就会一直加载图片出现,通过鼠标滚动距离来判断的,所以不是说的那种加载一次就停了的那种,那种demo下次我会再做一次 css部分用的是html5+css3的新属性,图片会自动添加到每行的最顶端上去,而不是用js去判断。去除了一些js计算的麻烦。 css部分: * { margin: 0; padding: 0; box-sizing: border-box; } body { background: #352323 url(images/a.png); } img { display: block; } section { max-width: 95%; margin: 0 auto; overflow: hidden; column-count: 5; column-gap: 0; column-fill: auto; } figure { border: 2px solid pink; margin: 0 5px 10px; break-inside: avoid; padding: 5px; } figure img { width: 100%; } figcaption { padding: 10px 0; text-align: center; font-weight: 900; color: #a77869; }