a63438840-CSDN博客

转载用户管理数据库（基于数据库的增删改查）

1，html页面index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>XXX管理系统</title> <link rel="stylesheet" href="asse...

2019-09-30 16:07:00 362

转载取出数据库里面的数据并呈现在页面上

1，html页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <table> <thead> ...

2019-09-30 09:17:00 4654

转载用php连接数据库，并执行数据库操作

1，建立与数据库之间的连接（能通过php代码执行一个SQL语句得到查询的结果）<?php mysqli_connect('127.0.0.1' , 'root' , 123456' , 'demo01');　　这里要注意两个问题：　　①mysqli 是一个额外的扩展，如果想要使用这个扩展提供的函数，必须开启扩展 extension_dir　　　　...

2019-09-29 22:59:00 937

转载封装一些简单的 dom 操作

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .div{ color:yellow; ...

2019-09-28 22:30:00 175

转载封装事件框架

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 100px...

2019-09-28 22:15:00 99

转载文件下载

demo.php<a href="a.php">下载</a>a.php<?php header('Content-Type : application/abc'); header('Contetn-Disposition : attachment ; filename=demo.txt');?&g...

2019-09-28 18:27:00 169

转载 location(重定向，跳转到其他网页）

<?phpheader('Location : https://www.baidu.com');这里是在响应头中添加一个 location 的头信息客户端浏览器在接收到这个头信息过后会自动跳转到指定的地址切记不能循环重定向转载于:https://www.cnblogs.com/shanlu0000/p/11604228.html...

2019-09-28 18:19:00 1918

转载 content-type

PHP中 header 函数专门用于设置响应头①content-type: text/html<?php header('Content-Type: text/html; charset=UTF-8'); //通过 HTTP 响应头告诉客户端我们给你的内容是html代码?><!DOCTYPE html><html l...

2019-09-28 17:49:00 194

转载文件上传

type属性为 file 的 input 元素可以通过表单提交文件（上传文件），服务端PHP可以通过$_FILES获取上传的文件信息<?phpif ($_SERVER['REQUEST_METHOD'] === 'POST') { var_dump($_FILES); //接收文件，使用一个叫做 $_FILES 超全局成员}?>...

2019-09-25 21:11:00 76

转载注册案例

1，注册案例的客户端页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><form action...

2019-09-25 19:32:00 85

转载常见表单元素处理

表单元素中的文本框文本域一类的元素，都是直接将元素的 name 属性作为键，用户填写的信息作为值，发送到服务端但是表单元素中还有一些比较特殊的表单元素需要单独考虑<?php if($_SERVER['REQUEST_METHOD']==='POST') { var_dump($_POST); }?><!D...

2019-09-25 15:27:00 110

转载关于表单提交的问题

1，关于表单提交地址问题demo.php<?php if($_SERVER['REQUEST_METHOD']==='POST') { var_dump($_POST);　／／请求的方式是　POST，当前是点击按钮产生的请求 }?>／／表单的处理逻辑<!DOCTYPE html>...

2019-09-24 21:07:00 204

转载表单基础使用

login.php (客户端表单页面）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用户登录</title></head><body> <form acti...

2019-09-24 20:10:00 83

转载 PHP--API

PHP所有能力都是函数，内置1000多个函数，不是每一个函数都默认直接可以使用，有一些需要安装或者启用额外的“插件”扩展。1,获取字符串长度<?php$str='hello';echo strlen($str); //52,获取中文字符串（宽字符）的长度　　strlen 只能获取拉丁文的长度　　php中专门为宽字符集添加了一套API，所有的AP...

2019-09-22 18:15:00 116

转载制作手风琴插件

1，第一步：先用 jQuery 实现手风琴效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><style> *{ pa...

2019-09-19 17:36:00 87

转载五角星评分

案例分析：1，鼠标经过每个 li , 当前 li 以及前面当前这个 li 前面所有的 li 都变成实心2，鼠标离开 ul ,所有的 li 都变成空心3，如果点击了某个 li , 鼠标离开 ul 的时候，点击的这个 li 以及这个 li 之间的所有 li 都变成实心4，因此，当点击了某个 li ，要记录这个li , 给这个 li 一个标记 clsss类标记 "cu...

2019-09-18 21:25:00 142

转载表格删除

布局：div.wrap > input *2 + tabletable > thead + tbodythead > tr > th*3tbody > tr (x4) > td (x3) > a.get案例分析：1，点击清空按钮，tbody全部清空，只剩下标题栏2，点击最后一列删除的a链接，所在的一行...

2019-09-18 14:27:00 117

转载小火箭返回顶部

布局:<p>返回顶部</p>div. actGotop > a案例分析:1,页面滚动, 当超出去1000px 的时候 , 小火箭会渐渐的显示出来( fadeIn) , 如果小于1000,就让小火箭隐藏.2, 小火箭作为背景图片 (gotop.png) 放在 a 中, 当鼠标移动到 a 链接的上方 ( a:hover ) 时, a...

2019-09-16 14:03:00 241

转载弹幕效果

布局：div.boxDom > div. idDom > content > p+input +buttonjQuery代码：var colors=["red" , "green" , "blue" , " pink" , " gray"];var randomColor=parseInt(Math.random()*colors.length)...

2019-09-15 20:04:00 109

转载微博发布

布局：div.box > span+textarea + button + ul案例分析：1，在textarea中输入内容2，获取textarea的值，创建 li 元素添加到 ul 中去3，li 的内容就是 textarea 的值jQuer代码：$("#btn").click(function(){ var val=$("textarea"...

2019-09-15 19:45:00 95

转载城市选择案例

布局：h1select#src-city > option*5btn-box > button*4select#target-city案例分析：1，点击第一个按钮，左边所有的城市全部移动右边2，点击第二个按钮，右边所有的城市全部移到左边3，点击第三个按钮，左边选中的城市全部移到右边4，点击第四个按钮，右边选中的城市全部移到左边...

2019-09-15 19:03:00 269

转载音乐导航

布局：div.nav > ul + divul > li*9 > a + spandiv > audio*9案例分析：起初，每个小li 中有一个 span 作为它的背景，隐藏在下面（top:60)当鼠标移到某个小 li 的上方，该小 li 中的 span 会从下往上渐渐显示，(top:0)并且，对应的小 li 的音乐开始播放...

2019-09-15 18:32:00 236

转载手风琴效果案例

案例分析：每张图片的宽度是1200，初始5张图片平均放在1200宽的 box 里面，每张图片所占宽度是240当鼠标移动到某张图片上方时，该图片宽度变成800，其余图片宽度平均每张100当鼠标离开 box 时，就恢复到初始状态，所有图片平均每张宽度240关键代码：$li.mouseenter(function(){ $(this).stop().a...

2019-09-15 18:04:00 155

转载京东呼吸灯（轮播图）

布局：div.slider > ul + div.arrowul > ll（*8）> a > imgdiv.arrow > span.arrow-left + span.arrow-right案例分析：当左箭头一点击，上一张图片渐渐的显示，其他图片渐渐的隐藏当右箭头一点击，下一张图片渐渐的显示，其他图片渐渐的隐藏关键代码...

2019-09-15 16:42:00 285

转载表格全选案例

布局：div.wrap > table > thead + tbodythead > tr > th *3 (第一个 th 里面是一个 input )tbody > tr (*3 ) > td *3 (第一个 td 里面是一个 input ）案例分析：1，thead中的全选按钮点击，tbody 中的第一列所有按...

2019-09-15 15:35:00 156

转载 tab栏切换

布局：div.wrapper > ul.tab + div.productsul.tab > li*4div.products > div.main*4div.main > a > img案例分析：鼠标移到 tab 栏的上方，对应栏目的上边框颜色变成红色并且下面 products 里面的4张图片中会显示对应栏目的图片...

2019-09-15 11:45:00 119

转载淘宝精品案例

案例分析：1，鼠标移动到左右两边的 li 上面，所对应的中间的图片就会展示出来，其余图片隐藏2，左边的 li 的索引号是 0-8 , 中间图片 li 的索引号是 0-17 ，右边 li 的索引号是 0-8 ，但是右边 li 所对应的图片的索引号是 9-17 ，要加8关键代码$(function(){ $("#left > li").mous...

2019-09-14 09:09:00 356

转载手风琴下拉菜单案例

案例分析:点击 span (标题1234), 下面的div 会向下滑动其他 span 的 div 会隐藏给所有的 span 注册点击事件, 让当前 span 的兄弟 div 显示出来, 下一个兄弟 nextElemenetSibling关键代码$(function(){ $(".groupTitle").click(function(){ ...

2019-09-13 16:29:00 355

转载突出展示案例

案例分析:鼠标经过每个li, 所经过的 li 会变亮 (透明度变低) , 其他的 li 会变暗 siblings , 所有的兄弟不包括自己鼠标离开 wrap ,所有的 li 都会变亮关键代码:$(function(){ $(".wrap > ul > li ").mouseenter(function() { $(this)....

2019-09-13 15:37:00 142

转载下拉菜单案例

布局: wrap > ul > li*3 (一级菜单123) wrap > ul > li > a + li*3 (隐藏的)案例分析: 鼠标经过 , 会显示下拉菜单鼠标离开, 又会隐藏关键代码 $(function(){ $(".wrap > ul > li").mous...

2019-09-13 15:19:00 619

转载 jQuery笔记

<1>隐式迭代：偷偷的遍历，在jQuery中，不需要手动写 for 循环了，会自动进行遍历 $("li"）可以获取所有的 li 元素<2>大版本分类 1.x版本：能够兼容IE678浏览器 2.x版本：不兼容IE678浏览器 1.x和2.x版本jquery都不再更新版本了，现在只更新3.x版本。 ...

2019-09-13 14:59:00 127

返回顶部：①滚动窗口至文档中的特定位置②window.scroll(x,y)③注意，里面的x 和 y 不跟单位，直接写数字案例分析：带有动画的返回顶部①此时可以继续使用我们封装的动画函数②只需要把所有的 left 相关的值改为跟页面垂直滚动距离相关就可以了③页面滚动了多少，可以通过 window.pageYoffset 得到④最后是页面滚动，使用 ...

2019-09-13 09:32:00 393

转载网页轮播图（功能最全）

布局：slider > ul > lislider > arrow > a> imgarrow : z-index:2 ;注意，ul 里面放着所有轮播图的图片，所以 ul 的宽度必须足够大能够容纳所有图片，这里有4张图片，ul宽度设置为 600%功能需求：1，鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮slid...

2019-09-12 22:27:00 3046

转载 js 元素offset,client , scroll 三大系列总结

1，element.offsetWidth :包括 padding 和边框2，element.clientWidth : 包括 padding ，不包含边框，内容超出会溢出盒子的时候，就用scrollWidth3，element.scrollWidth : 不包含边框主要用法：1，offset 系列经常用于获得元素位置 offsetLeft offsetTop...

2019-09-11 15:09:00 213

转载仿淘宝固定侧边栏

案例分析：1，原先侧边栏是绝对定位2，当页面滚动到一定位置（这里是滚动到 banner 到达页面顶部的时候），侧边栏改为固定定位3，页面继续滚动，会让 “ 返回顶部 ” 显示出来（滚动到 main 到达页面顶部的时候）4，需要用到页面滚动事件 scroll 因为是页面滚动，所以事件源是document5，滚动到某个位置，就是判断页面被卷去的上部值6，页面被...

2019-09-11 14:58:00 876

转载立即执行函数

立即执行函数：1，不需要调用，立马能够自己执行的函数2，写法 (function() { } ( )) 或者 (function () { } ) ( )3, 立即执行函数最大的作用就是独立创建了一个作用域，里面所有的变量都是局部变量，不会有命名冲突的情况(function(){ } ( )) 写法(function(a,...

2019-09-10 21:40:00 60

转载拖动的模态框

案例分析：1，点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层。2，点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层。3，鼠标放到模态框最上面一行，可以按住鼠标拖拽模态框在页面中移动。mousedown mousemove4，鼠标松开，可以停止模态框移动 mouseup5, 拖拽过程，鼠标移动过程中，获得最新的值赋给模态框的left 和 top...

2019-09-10 19:28:00 578

转载 navigator对象

navigator对象包含有关浏览器的信息, 它有很多属性 , 我们最常用的是 userAgent ,该属性可以返回由客户机发送服务器的 user-agent 头部的值下面前端代码可以判断用户哪个终端打开页面,实现跳转 if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android| ...

2019-09-08 21:30:00 116

转载获取URL参数

案例分析: ①第一个登陆页面,里面有提交表单, action提交到 index.html页面 ②第二个页面, 可以使用第一个页面的参数, 这样实现了一个数据不同页面之间的传递效果 ③第二个页面之所以可以使用第一个页面的数据, 是利用了URL里面的 location.search 参数 ④在第二个页面中,需要把这个参数提取...

2019-09-08 21:04:00 97

转载 location对象

1，什么是location对象 window对象给我们提供了一个 location属性用于获取或设置窗体的URL，并且可以用于解析 URL，因为这个属性返回的是一个对象，所以我们将这个属性也称为 location 对象。2，URL 统一资源定位符，是互联网上标准资源的地址，互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么...

2019-09-08 20:44:00 155

空空如也

空空如也