自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 资源 (5)
  • 收藏
  • 关注

原创 facebook分享 whatsapp分享 点击按钮复制链接 常用js分享内容

facebook分享 whatsapp分享 点击按钮复制链接 常用js分享内容

2022-08-19 17:07:42 3995

原创 animation的使用-无限上下移动

<!DOCTYPE html><html><head><title>animation 无限上下移动</title><style type="text/css"> .box{ width:100px; height: 100px; position:relative; top:200px; border-radius:50%; ...

2020-12-23 14:31:24 1058

原创 animation的使用-css无限旋转

<!DOCTYPE html><html><head><title>animation-无限旋转</title><style type="text/css"> .box{ width:100px; height:100px; margin:100px; background:#f00; animation: rotate 3s linear ...

2020-12-23 14:22:36 1805

原创 PHP/JS输出JSON

<!DOCTYPE html><html><head><meta charset="utf-8"><title>PHP输出JSON数组/JS输出JSON对象</title><style type="text/css"> .box{ width:200px; margin:0 0 40px; text-align:center; } .box ....

2020-12-22 19:27:45 236

原创 小程序与H5之间的跳转

1、小程序跳H5配置服务器安全域名<web-viewsrc="h5链接"></web-view>2、H5跳小程序第一种:h5在小程序里面引用微信sdk<script src="//res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>html:<img src="1.png" class="img" data-path="小程序路径"/>js:$('.img..

2020-12-18 17:55:40 312 1

原创 js数组排序

冒泡排序:var arr = [5,2,32,23,12,4,25]; console.log("arr:"+arr); function bubbleSort(arr){ for (var i=0; i < arr.length - 1; i++) { for (var j=0; j < arr.length-1; j++) { if(arr[j] > arr[j+1]){ ...

2020-07-01 18:54:33 178

原创 js设置cookie,读取cookie, 删除cookie,表单页跳转到其他页面,不清空表单的时候可以使用cookie保存数据

js设置cookie,读取cookie,删除cookie,本地无效,需要用域名/ip访问才能设置表单页跳转到其他页面,不清空表单的时候可以使用cookie保存数据引用js.cookie.min.js//设置cookieCookies.set('name', 'value', { expires: 7, path: '' });Cookies.set('name', { foo: ...

2019-10-17 15:53:53 1184

原创 css修改滚动条样式(谷歌浏览器)

<div class="box"> <p>scrollTop([val])</p> <p>获取匹配元素相对滚动条顶部的偏移。</p> <p>此方法对可见和隐藏元素均有效。</p> <p>jQuery 代码:</p>...

2019-10-09 18:31:31 396

原创 jq查询数组是否存在重复内容/jq判断是否存在哪些值

<html><head> <title>jq查询数组是否存在重复内容/jq判断是否存在哪些值</title></head><body><div class="FormBox"> <!-- autocomplete 属性是 HTML5 中的新属性 禁止浏览器表单自动填充 -->...

2019-07-05 20:14:49 2264

原创 jq用each()遍历方法获取所有表单信息push到数组里面

<html><head> <title>jq用each()遍历方法获取所有表单信息push到json里面</title></head><body><div class="FormBox"> <!-- autocomplete 属性是 HTML5 中的新属性 禁止浏览器表单自动填充 ...

2019-07-04 16:54:36 2322

原创 可能会用到的js正则,验证手机号码,邮箱

验证合法手机号码:var mobileH = /^(\+852\s)?[5689]{1}\d{7}$/; //香港手机验证正则var mobileT = /^(\+886\s)?[0]{1}[9]{1}\d{8}$/; //台湾手机验证正则var mobileC = /^(\+86\s)?1[3456789]{1}\d{9}$/;//大陆手机验证正则var tel = /^[1][3...

2019-07-04 16:07:42 743

原创 jq事件on()方法绑定事件到当前选定的元素

<html><head> <title>on()方法绑定事件处理程序到当前选定的jQuery对象中的元素</title></head><body><div class="FormBox"> <form class="formlist"> <span clas...

2019-07-04 15:39:36 1088

原创 打开摄像头,canvas截取相机流,canvas在手机自带浏览器上绘图有延迟问题

<video id="video" width="480" height="320" controls></video> <canvas id="canvas" width="480" height="320" disable-scroll='true'></canvas> <script> //访问用户媒体设备的...

2019-05-07 17:36:52 806

原创 无序列表li去掉标志,文本不根据标记对齐

大部分项目的列表都不需要标志,只要给ul添加一个list-style:none的属性即可;如果要把文本对齐标志,则添加list-style-position: inside;为了看着比较清晰,一般会把标志放在文本外面,添加list-style-position: outside就可以了。html5默认的就是把标志放在文本外面。更多关于标志的属性有list-style-image(将图像设置为标志)...

2019-04-10 15:57:37 1934

原创 阿里云申请免费ssl证书

登陆阿里云后台→产品与服务→安全(云盾)→SSL证书(应用安全) 点击购买证书    然后点立即购买,这样就可以申请到免费的SSL证书了。申请绑定域名后后就可以下载证书了。  想知道iis安装SSL证书,绑定https的域名可以看上一篇文章。 版权声明:本文为博主原创文章,未经博主允许不得转载。  ...

2018-12-05 17:40:05 282

转载 iis导入ssl证书,添加https协议

iis导入ssl证书,添加https协议 一、导入证书  开始 -〉运行 -〉MMC;  启动控制台程序,选择菜单“文件”中的“添加/删除管理单元”-&gt; “添加”,从“可用的独立管理单元”列表中选择“证书”-&gt; 选择“计算机帐户”;  在控制台的左侧显示证书树形列表,选择“个人”-&gt;“证书”,右键单击,选择“所有任务”-〉“导入”, 根据“证书导入向导”的...

2018-12-04 17:57:20 13471

原创 clipboard.js点击复制

html代码&lt;span style="background:#f00;color:yellow;padding:2px" class="wraperl" id="wechat-event" data-clipboard-action="copy" data-clipboard-target="#wechat-event"&gt;要复制的内容&lt;/span&gt; 

2018-11-30 17:40:36 267

原创 js微信号和二维码轮播

<script type="text/javascript">var arr_wx=["a","b","c"];var wx_index = Math.floor(Math.random()*arr_wx.length);var stxlwx= arr_wx[wx_index];var img = arr_wx[wx_index]+".jpg";var wx_img = ...

2018-11-29 11:59:44 3837 8

原创 bootstrap网页加了百度地图后,网页内容选择不了

bootstrap网页加了百度地图后,网页内容选择不了引用的百度地图API:http://api.map.baidu.com/api?key=&amp;v=1.1&amp;services=trueAPI版本1.1的太老了,使用1.2版本以上的,1.5以下的API就解决了...

2018-11-09 11:37:47 583

原创 配置多个php环境,iis不同网站使用不同的php环境

使用宝塔软件升级到php5.6版本的时候发现以前的网站打不开,原因是php版本太高了。宝塔软件卸载php环境(不会删除数据库),重新安装共生模式的php环境,在宝塔的网站里根据网站需求选择不同的php版本,就可以做到不同网站用不同的php环境。(需要安装iis) ...

2018-09-19 12:53:20 862

转载 tp3.2.3用js去掉&#65279(bom文件格式)的空白行

thinkphp用include包含某个文件出现空白行用js去掉由&amp;#65279(bom文件格式)产生的空白行&lt;script&gt;var a=document.body.innerHTML;document.body.innerHTML=a.replace(/\ufeff/g,'');&lt;/script&gt;...

2018-08-28 09:15:09 613

H5跳小程序.zip

H5跳小程序,微信开放标签wx-open-launch-weapp的使用,获取微信签名,检查微信js接口 需要公众号平台设置js接口安全域名,业务域名,网页授权域名 开发者appid 开发者 appsecret 添加服务器ip白名单

2020-12-16

cookie-test.zip

js为网站设置cookie案例,直接打开html无效,html,js,js.cookie.min.js

2019-10-17

触屏版在线截图,可旋转、缩放、移动图片

触屏版在线截图,可旋转、缩放、移动图片,截图使用了功能齐全的cropper插件

2019-03-11

php简单案例-表单提交-简单登录-数据输出

php简单案例:前端简单的姓名电话表单提交,后台简单用户登录 - 输出数据库记录

2018-11-29

上传图片并且预览

点按钮选择图片并且在某个位置预览出来,支持jpg,png,gif格式

2018-11-29

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除