- 博客(36)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 两款适合用于做视频用的框架
ckplayer这个适合做直播用。方便 大家伙需要用到的可以去了解一下https://www.ckplayer.com/manual/10.html#m40第二款是酷播云，之前做视频的时候一直找，这一款不管是做电视剧还是啥的都很方便，不管你是要付费解锁还是加密等都有，喜欢的小伙伴可以去了解一下。本人一直都在用这两款，不知道其它学猿们有没有更好的推荐https://www.cuplayer.com/html5player/...
2021-08-30 16:14:31
1082
原创 H5背景音乐
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <style type="text/css" media="screen">
2018-10-17 15:41:05
732
原创 调照片的颜色 模糊效果 亮度效果等等
下面就是各种对照片的效果。可以单个调试 也可以像我一样做出魔鬼般的艺术照。。<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <style type="text/css
2018-09-27 15:25:40
313
原创 页面右边在移动端或者是用浏览器的响应式打开会有空白
直接在body 用min-width：1200px；来解决就行了 这里面的宽度是根据你页面的宽度来写的 例如我的页面是1200px 但是我的用移动端打开后 却没有达到1200 这时候我就直接在body 用min-width：1200px； 在打开一看 可以了 。。你们还有更好的办法解决么？有的话请留言告知。Thanks♪(･ω･)ﾉ...
2018-08-01 09:23:25
2336
原创 git 初始化到 更新提交
第一步 本地安装好git 后 点击 git bash 然后在里面输入命令行 git clone 加上你的ssh 然后回车 这样你线上的文件就被克隆下来了 第二步 本地文件修改过后 或者是添加代码后 要及时更新保存代码提交到git库里面的话 就要 执行 git add . //添加所有 然后回车在然后输入 git commit -m “更新的内容” 然后回车最后在输入 git pus...
2018-07-10 15:53:02
248
原创 借用animate.css做各种动画
首先 要去到 https://daneden.github.io/animate.css/把css包下载下来<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>借用animate.css做动画</t
2018-07-03 14:06:45
1064
原创 tp5 验证码不显示
遇到这种情况的时候， 第一 要么就是路径问题 ， 第二 要么就是gd库没安装 php-ini extension=php_gd2.dll里面的这个前面分号没去掉， 第三 要么就是环境的版本问题 。 可是我的问题是 路径 gd库 等等都没有问题 唯独放在另外的项目就出现问题了，在网上找了好久的答案 最终找到了解决的办法 。那就是在 endor/topthink/think-capt...
2018-06-28 09:07:39
1247
原创 background 背景条
<div class="top_line"></div>.top_line { height: 3px; background: linear-gradient(45deg, #fe0167 20%, #0682fb 60%, #7ffe02 100%);}以后就不用在让美工做背景条了
2018-06-19 13:48:34
149
原创 返回顶部
.top{ width: 50px; height: 50px; right: 25px; position: fixed; bottom: 10px; background: #D9534F; border-radius: 50%; cursor: pointer;}.gotop { top: 209px; height: 25px; ...
2018-06-19 13:42:17
163
原创 todlist jquery
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>todlist jquery</title> </head> <body&am
2018-06-19 11:45:07
167
原创 字体间的间隔
letter-spacing:5px —— 设置对象内字之间间距为5pxletter-spacing:2px —— 设置对象内字之间间距为2px无论是中文汉字还是英文字母，以及阿拉伯数字均有效，兼容各大浏览器。...
2018-06-12 09:47:43
565
原创 No input file specified 解决办法
PHP文件不存在，没办法返回普通的404错误，它返回一个404,并带上一句”No input file specified”；方法：创建.htaccess然后
2018-06-06 14:59:29
2908
转载 js中的onclick事件传参
原 js中的onclick事件传参2014年10月17日 18:13:28阅读数：2134 js中的onclick事件传参 1、在页面中给方法传参数，有如下的两种方法：方法1，onclick=cancel(id，patientId);在js文件中定义cancel方法如果要把当前对象传过去用onclick...
2018-06-06 10:23:15
28486
原创 css 图片旋转
这里我用了border来代替图片.ta_c{margin:auto;border:1px solid red;width:150px;height:150px;border-radius: 10px;}@-webkit-keyframes circle{0% {-webkit-transform: rotate(0deg);} //如果需要调整旋转的方向 自行添加代码100% {-webkit-t...
2018-04-25 14:29:43
306
转载 直播点击飘心效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>直播点击飘心效果</title> <style type="text/css">html, body { height: 100%;
2018-04-16 13:57:03
2063
2
原创 发送聊天到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"> <meta htt...
2018-04-16 11:31:15
2145
转载 jq轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>lunbo</title></head><style type="text/css" me
2018-04-14 17:41:53
186
原创 jq 点击显示 隐藏
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head><style> .Albuum{border:1px solid red;width:1200px;height:350px
2018-04-14 17:00:00
208
原创 跟随鼠标移动的图片
<div id="pic" style="position:absolute;"> 跟随鼠标移动的图片 <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=4239114448,637973453&fm=27&gp=0.jpg"> &am
2018-04-13 11:51:59
392
原创 鼠标触碰div 字体向上移动
第一种是用 css 写的.links-cont { border: 1px solid #dcbe6e; height: 210px; width: 1100px; padding: 30px 30px; overflow: hidden; background-color: #ffffff;} .links-cont .links-logo { widt...
2018-04-10 17:28:18
2432
原创 底部文章插入一张图片
<script type="text/javascript"> $(function(){ text=$(".left_content p:last br"); console.log(text.length); if(text.length >0){ $(".left_content p:last").rem...
2018-03-29 16:56:23
483
转载 点击背景显示爱心
(function(window,document,undefined){ var hearts = []; window.requestAnimationFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || windo...
2018-03-29 15:25:04
551
原创 点击背景字体显示漂浮效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>点击背景字体漂浮效果</title></head><style type="text/css&quo
2018-03-29 15:13:28
714
转载 防止按F12 扒页面
<script>function fuckyou(){ window.close(); //关闭当前窗口(防抽) window.location="about:blank"; //将当前窗口跳转置空白页 } function ck() { console.profile(); console.profileE...
2018-03-29 15:01:20
3684
原创 获取当前页面高度
alert($(window).height()); //浏览器时下窗口可视区域高度alert($(document).height()); //浏览器时下窗口文档的高度alert($(document.body).height());//浏览器时下窗口文档body的高度alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度...
2018-03-10 15:07:51
1680
原创 jq手机倒计时验证
直接上代码 <div class="container"> <div class="demo"> <div style="height: 60px;" id="phone_area"> <span class="red
2018-03-03 17:07:07
137
原创 阻止文章被别人复制黏贴
直接在body 里加上这一段代码<body onmousemove=/HideMenu()/ oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection...
2018-02-10 21:35:34
284
原创 图片不变形
我们在做列表页的时候，图片都是固定的大小，比如是一个100px*100px的正方形图片，但是很有可能拿到的图片并不是正方形的，这个非正方形图片放到正方形的img标签里，就会变形如果使用object-fit：cover 可以裁剪超出比例的部分，这样图片看起来就不会是变形或者拉伸的了，但是这样会导致图片残缺，根据图片的不同，可能裁剪掉关键部分的内容，但是鉴于列表本来就是缩略图，所以还是可以加上这个属...
2018-02-10 21:28:13
145
原创 css动画旋转代码
有很多朋友都说字体 图片以及一些简单动画 要做旋转效果 都说要用js或者jq 才能去做这个特效。。今天我们用css 就直接做旋转特效。话不多说 直接上代码 css样式 div{ width:120px; height:120px; line-height:120px; margin: 20px; ...
2018-02-08 21:21:58
3968
原创 CSS设置多余的文本显示省略号
在web开发过程中，常常会遇到要让布局中的某些文本根据宽度来显示，如果超过最大宽度仍然显示不完的，就显示为省略号的情况，添加下面的CSS样式表就能实现这种效果，但是这种效果只适用于单行显示的文本。首先给用于放文本的标签元素设置一个宽度值，并设置溢出属性overflow为溢出隐藏,设置文本缩略的样式为"..."width: 245px;overflow: hidden;white-space: no...
2018-02-08 21:15:45
219
转载 css字体发光技术
通常情况下，我们使用text-shadow就足以实现文字发光，如图如图，如果文字比较大并且阴影范围也很大的话，阴影部分的颜色就会被拉得很淡。而往往我们不需要这种不够鲜艳的颜色，还要发光半径非常大，这又如何实现呢？下面看看我是怎样实现的，先上图小伙伴看见了没有，第一个字我给它从里到外加了4层发光效果语法：text-shadow:0px 0px 8px #fff, 0px 0px 42px #f72,...
2018-02-08 21:08:18
346
转载 当下最流行的10大H5前端框架
作为一名做为在前端死缠烂打6年并且懒到不行的攻城士，这几年我还是阅过很多同门从知名到很知名的各种前端框架，本来想拿15-20个框架来分享一下，但在跟几个前辈讨教写文章的技巧时果断被无情的打击了，所以这里我还是低调的只拿出10个框架来个大锅乱炖来简单介绍，凑够字数也就全剧终了。原本写这篇文章想围绕着 CSS 框架来的，但因为目前界内比较流行并遍地开花的主要还是 JS+CSS 模式的框架，并且自己靠着...
2018-02-08 21:07:19
4855
转载 位运算符
最近遇到了一些运算符的问题很尴尬，反复的查找 最终找到答案了。位运算符允许对整型数中指定的位进行求值和操作。 位运算符例子名称结果$a & $bAnd（按位与）将把 $a 和 $b 中都为 1 的位设为 1。$a | $bOr（按位或）将把 $a 和 $b 中任何一个为 1 的位设为 1。$
2018-02-05 14:52:01
134
转载 实现多维数组转化为一维数组
/** * ======================================= * Power: 实现多维数组转化为一维数组 * ======================================= */ /** * 多维数组转化为一维数组 * @param array $array 多维数组 * @return array $result_array 一维
2018-02-03 10:54:26
1816
转载 WEB消息推送框架
web-msg-sender是一款web长连接推送框架，采用PHPSocket.IO开发，基于WebSocket长连接通讯，如果浏览器不支持WebSocket则自动转用comet推送。通过后台推送消息，消息可以即时推送到客户端，非轮询，实时性非常好，性能很高。特点：多浏览器支持支持针对单个用户推送消息支持向所有用户推送消息长连接推送（websocket或者comet），消息即时到达支持
2018-02-02 17:41:01
400
转载 css3动画属性系列之transform细讲scale缩放
下面我们从3个方面开始介绍： 1、scale(x,y) 对元素进行缩放 X表示水平方向缩放的倍数 | Y表示垂直方向的缩放倍数Y是一个可选参数，没有设置的话，则表示X，Y两个方向的缩放倍数是一样的。并以X为准。Css代码 transform:scale(2,2.5); 2、scaleX() 元素只在X轴（水平方向）缩放元
2018-02-02 17:32:10
9597
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人