- 博客(16)
- 收藏
- 关注
RSS订阅原创 使用echarts插件画图表
从官网中下载echarts的插件，导入 <script src="echarts.min.js"></script>先定义一个具备高宽的 DOM 容器。<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM --> <div id="main" style="width: 600px;height:400px;"></...
2019-06-17 11:48:52
299
原创 bootstrap的响应式栅格系统效果演示
大屏设备 让div平均分成6等份中屏设备 让div平均分成4等份小屏设备 让div平均分成3等份超小屏设备 让div平均分成2等份<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-C...
2019-06-10 16:36:45
371
原创 【前端】PHP简易设计可上传数据保存到文件的音乐播放器
<?phpfunction add () { // 目标：接收客户端提交的数据和文件，最终保存到数据文件中 $data = array(); // 准备一个空的容器，用来装最终要保存的 数据 $data['id'] = uniqid(); // 1. 接收提交的文本内容 // =============================================...
2019-06-03 20:04:07
455
原创 网页和移动端自适应的轮播图（运用bootstrap）
首先要引入bootstrap的文件，自行下载<link href="../lib/bootstrap/css/bootstrap.css" rel="stylesheet"><script src="../lib/jquery/jquery.min.js"></script><script src="../lib/bootstrap/js/boots...
2019-05-27 09:24:37
2595
2
原创 【轮播图】鼠标经过文字标题百叶窗特效
html<!--轮播图--> <div class="box1"> <ul class="inbox"> <li class="ad1"></li> <li class="ad2"></li> <li class...
2019-05-20 10:54:49
279
原创 网页滚动右下角悬浮视频播放器
但是我有一个问题一直没搞清楚，将这个代码写在一个页面中时，一直提示Cannot read property ‘top’ of undefined，我百度了一些原因但还是没有解决<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Doc...
2019-05-13 09:45:32
1257
原创 qq手机邮箱等案例以及一些常用的正则表达式
一些常用的正则表达式：匹配中文字符的正则表达式： [\u4e00-\u9fa5]匹配HTML标记的正则表达式：<(\S*?)[^>]>.?|<.*? />匹配邮箱地址的正则表达式：[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^ [a-...
2019-05-06 11:48:01
236
原创 js实现简易贪吃蛇游戏
自调用函数---食物，定义食物构造函数,然后创建对象，为原型添加初始化的方法(作用：在页面上显示这个食物)，私有的函数---删除食物，把Food暴露给window,外部可以使用自调用函数---小蛇，定义小蛇构造函数,然后创建对象，为原型添加初始化的方法(小蛇初始化和小蛇动起来两个)，私有的函数---删除小蛇，把Snake暴露给window,外部可以使用自调用函数---游戏对象，游戏的构造函...
2019-04-28 09:37:56
174
原创 高清放大镜（移到图片上可显示局部放大）
两张图片，一大一小，遮挡层不在鼠标边上主要是margin的问题，减去或加上对应的margin值。给横纵坐标设置最大最小值以防遮挡层移动到小图外面。遮挡层的移动距离/大图的移动距离=遮挡层的最大移动距离/大图的最大移动距离大图的移动距离=遮挡层的移动距离*大图的最大移动距离/遮挡层的最大移动距离根据比例算出大图的横向纵向移动距离最后赋值外部导入文件内容主要是/** * 获取指定标签对象...
2019-04-22 11:41:16
1105
原创 订单修改（增加订单，可删除和修改，删除订单，修改数量）
这只有js代码，css代码可自己设计内容，点击增加订单可增加一行订单，点击删除可删除订单，点击修改，可修改第二个单元格的内容，同时按钮变成确定，点击确定可成功修改内容同时按钮又变成修改。<input type="button" value="增加订单" "addRow1()"><script> //增加订单 function addRow1(){ ...
2019-04-14 16:46:42
9052
原创 登录注册功能实现（带提示要求）
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>长佩网站</title> <style type="text/css"> *{ padding:0; ...
2019-04-09 09:08:44
1504
原创 哆啦A梦简易设计
用html和css来设计一个哆啦A梦，主要运用了css样式改变来实现，代码有点长还可以简化很多内容，加了一点点动画的效果，其实可以让整个人盒子动起来更能实现哆啦A梦的跳动感觉，不过我还没有做。很基础的css内容。html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
2019-04-01 09:33:43
902
原创 飘窗可移动和关闭
在网上找到的一个飘窗的代码，可以移动定位和关闭，但是不知道怎么实现鼠标移到飘窗内部能够暂停功能，还没开始学js所以也看不太懂，希望有人解答。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><...
2019-03-24 18:40:55
2546
原创 鼠标经过显示上拉菜单
上拉菜单，主要运用了li和position来实现。一开始使用display:none;当鼠标经过的时候写display:block;即可实现。html <div class="wp-nav" <div id="first1"> <a href="#" class="san"><img src="images/fk_03.png">...
2019-03-24 18:35:31
555
原创 仿空间留言板简易界面设置
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>留言板</title> <link href="css/留言板.css" rel="stylesheet
2019-03-17 20:29:45
1082
原创 云道首页简易设计
index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>云道页面</title> <link rel="stylesheet" type="text
2019-03-10 14:13:09
1632
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人