编程开发 - 教程之家

263浏览

0评论

使用原生js来实现瀑布流效果

瀑布流网页页面效果目前是一种很常见的布局，下面使用原生js实现一个瀑布流效果，附代码如下复制代码，图片路径自己修改即可CSS代码<style type="text/css"> *{ margin:0; padd...

2018-12-30 10:51:36

342浏览

0评论

Css3基础变形的语法以及使用介绍

语法:transform: rotate(旋转) | scale(缩放) | skew(倾斜) | translate(位移); 注: 当多种变形方式综合在一起时，用空格隔开 1. rotate 旋转( X/Y/Z 必须为大写 )...

2018-12-30 10:44:54

240浏览

0评论

一个好用的js固定层代码（广告随屏移动）

网页中常会用到固定层这样的效果，可以放广告，可以放标签，可以放关注。js代码如下if ($('#follow-us')){ var followUsPosition = $('#follow-us').offset()...

2018-12-28 21:12:07

299浏览

0评论

网页中图片属性固定宽度，如何用js改变大小

后台上传图片后，都有一个图片属性，会指定图片的宽和高，如果图片固定了宽度和高度，PC端用max-width可以控制最大宽度，高度自动缩放。但是手机端就没法自动缩放，可以使用js来改...

2018-12-28 00:31:38

566浏览

0评论

CSS技巧：利用animation动画实现呼吸灯效果

呼吸灯实现思路底图是一个暗的灯 jpg，另外一张图则是亮灯的 png 透明图片，利用绝对定位将亮灯图片定位在底图上。然后用 animation 写出动效，也就是呼吸灯的闪动效果。最后亮灯...

2018-12-21 23:57:38

247浏览

0评论

通过异步加载 JavaScript 代码提高页面的载入速度

JavaScript 执行的时候可能会修改 DOM，影响页面的展现，默认情况下，先加载执行 JavaScript，再加载执行后面的代码才是安全的，加载执行 JavaScript 代码的时候，会停止后面代码的...

2018-11-17 23:55:11

297浏览

0评论

使用 jQuery 添加网页锚文本平滑滚动效果

我们浏览一些网站的时候，会发现点击导航条上的链接的时候，页面会非常平滑的滚动网页下面相应的位置，相对于浏览器默认的一下子跳过去，用户体验无疑友好了许多，其实显示这种效果只...

2018-11-14 22:25:27

267浏览

0评论

JavaScript保留关键字

Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。 abstract arguments boolean break byte c...

2018-10-22 21:50:57

889浏览

0评论

[CSS]让子容器高度占满父容器

昨天在做侧栏搜索时遇到一个小问题，搜索按钮高度与input表单高度不同。看似很小的问题自己却不懂，height100%不顶用，于是百度一下找到一个解决方法：首先让父容器 position:relat...

2018-10-20 01:48:47

295浏览

0评论

pre标签简单样式

这是介于语法高亮和无样式之间的一种样式，效果如图：CSS参考图一pre { margin:15px auto; padding:20px 15px; border:1px solid #ddd; border-left:4px solid #58...

2018-10-18 23:43:38

217浏览

0评论

PHP简单的加密源码

新建一个php文件，将下面的代码粘贴进去，utf-8(无bom)格式 - 保存。运行该文件即可加密相应的文件，看注释<?php/** * 简单的PHP加密 * 会在该文件的同级目录下生成一个create文...

2018-10-18 23:41:43

322浏览

0评论

一个简单的CSS加密方法

CSS本身没有什么安全性可言，也不需要加密。而有些时候为了保护指定的样式表，可以采用混淆的方法扰乱查看者的视听。比如下面这段：@charset "utf-8";/*Theme Name: linstyle...

2018-10-18 22:55:47

413浏览

0评论

CSS隐藏滚动条但不影响正常滚动

由于某些原因你可能需要隐藏盒子的滚动条但又要它保持滚动效果。百度找不到答案，谷歌或许你会找到。我就直接提供demo出来，运行代码来看效果吧。有两种方法：大体思...

2018-10-15 22:58:04

290浏览

0评论

CSS未知高度元素垂直居中解决方法

通常产品列表，我们希望产品图片是在一个盒子内垂直居中，如果图片尺寸未知，且希望保持原来的宽高比例，就涉及到未知高度元素垂直居中的问题。如果不用考虑IE6/7，问题会非...

2018-10-04 15:18:42

607浏览

0评论

js问候-早上好、中午好、晚上好

1、在根目录（路径自己定义，我是图方便就放到了根目录）新建一个js文件(如：global.js)，并复制下面代码放到到里面://头部问候语function hello() { today=new Date(); var da...

2018-09-30 21:39:10

549浏览

0评论

导航栏下拉至一定高度后固定在顶部的特效

本文讲一下，让导航栏下拉至一定高度后固定在顶部的特效。看下面的代码：<script type="text/javascript">$(function() { var nav = $(".nav"); var sc = $(document...

2018-09-28 22:47:12

810浏览

0评论

解决使用UEditor编辑器时HTML模式下保存无效的问题

在相关HTML页面进行如下修改。找到提交框所在的from。在form上添加或修改id="edit"然后，在form外层，添加如下代码。<script type="text/javascript"> function editor_init...

2018-09-21 23:45:19

257浏览

0评论

巧用CSS3的calc()宽度计算做响应模式布局

今天浏览这个http://www.sitepoint.com站时，因为好奇看了下人家写的代码，结果发现了这行代码于是就研究了一下，calc()从字面我们可以把他理解为一个函数function。其实calc是英...

2018-09-21 21:04:20

253浏览

0评论

css负边距之详解

自从1998年CSS2作为推荐以来，表格的使用渐渐退去，成为历史。正因为此，从那以后CSS布局成为了优雅代码的代名词。对于所有设计师使用过的CSS概念，负边距作为最少讨论到的定位方式...

2018-09-21 20:53:11

281浏览

0评论

HTML5-语义化

距HTML5标准规范制定完成并公开发布已经有好些年了，面试时也少不了要问对HTML5语义化得理解。但是在实际运用时，真正使用HTML5标签来开发的似乎不是很多（ps：查看了几个巨头公司...

2018-09-21 20:48:53

288浏览

0评论

canvas小tip–下载二维码、图片加水印

昨天介绍了一个生成二维码的插件QRCode.js，它是借助HTML5 Canvas绘制而成。所以，今天的主角就是canvas啦–canvas的实际应用。一、下载二维码（查看如何生成二维码）HTMLCanv...

2018-09-21 20:46:26

472浏览

0评论

手写签名插件—jSignature

jSignature 是一个通过捕捉笔画的矢量轮廓输出多种格式数据的jQuery插件，通过该插件我们可以实现绘画板、手写签名等功能。使用该插件需要引入jQuery和jSignature.js，首先初始...

2018-09-21 20:44:20

266浏览

0评论

git常用命令

使用git已两三月了，最常用的几个命令倒是很熟悉，用的比较少的命令很是记不清，要多多探索这些命令，首先要有个帐号为所欲为，接下来开始正题〉生成SSH $ ssh-keygen -t ras -C "ema...

2018-09-21 20:34:52

242浏览

0评论

JS判断单、多张图片加载完成

在实际的运用中有这样一种场景，某资源加载完成后再执行某个操作，例如在做导出时，后端通过打开模板页生成PDF，并返回下载地址。这时前后端通常需要约定一个flag，用以标识模板准备...

2018-09-21 20:33:09

250浏览

0评论

分享一个生成二维码的插件–QRCode.js

随着移动设备的普及，日常生活中随处可见二维码，大有一码走天下之势。那么前端如何来生成二维码？通过QRCode.js我们可以快速生成二维码啦，一起来看看怎么使用吧。1、引入插件...

2018-09-21 20:29:52

278浏览

0评论

Windows node版本管理器–nvm

众所周知，node版本众多，但是由于项目需要或其他原因我们需要切换node版本，这个时候就需要node版本管理器啦。目前比较流行的两个是‘n’和‘nvm’（ps：试了&l...

2018-09-21 20:28:17

373浏览

0评论

HTTP状态码中301与302的区别

网站重定向相信大多数站长都有用到过，最常用到的是301和302这两个http状态码。那么301与302有哪些区别呢，今天就来给大家对它们作一个比较，来分析一下这两者之间的区别。如果你...

2018-09-02 21:11:37

890浏览

0评论

HTTP状态码（HTTP Status Code）对应表

一些常见的状态码为：200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用。1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。代码说明 100...

2018-09-02 21:11:10

256浏览

0评论

HTTP 请求方法速查表

根据 HTTP 标准，HTTP 请求可以使用多种请求方法。我们常用的 GET 和 POST 方法是 HTTP1.0 定义的， HTTP1.0 还定义了 HEAD 方法，HTTP1.1 新增了五种请求方法：OPTIONS, PUT, DELE...

2018-09-02 21:08:35

439浏览

0评论

解决JQuery 1.8 Syntax error,unrecognized expression兼容问题

这是一篇比较老的文章，收集过来主要是为了大家作为借鉴。最近有部分童鞋反应其WordPress升级到了3.5版之后，页面上貌似出现了点问题，如文章归档页面无法点击伸展收缩，页面顶部的...

2018-09-01 01:06:46

267浏览

0评论

jQuery+CSS3一天时段动画场景切换特效

一款好看的jQuery+CSS3实现的一天时段动画场景切换特效，不同的时段展示不同的风景，黄昏、白天、日落、夜晚动画场景特效。js代码<script>$(".option").on("click", function()...

2018-08-26 20:38:50

577浏览

0评论

jQuery基于honeyswitch.js仿苹果开关按钮切换效果

这是一款jQuery基于honeyswitch.js仿苹果手机ios系统风格开关按钮切换效果，非常的美观的开关按钮样式，演示里面还有更详细的使用说明。js代码<script src="lib/honeySwitch.js...

2018-08-26 20:37:17

228浏览

0评论

CSS3+WOW.js网页滚动瀑布流图片加载动画特效

CSS3网页滚动瀑布流图片加载动画特效是一款WOW.js基于css3动画库属性制作的页面向下滚动时产生的图片载入动画效果。js代码<script src="js/wow.min.js"></script><script>...

2018-08-26 20:35:41

222浏览

0评论

html5 canvas跟随鼠标光标移动出现的圆点泡泡动画特效

一款好看的html5 canvas跟随鼠标光标移动出现的圆点泡泡动画特效，跟随鼠标运动轨迹出现并很快消失。js代码<script src="underscore.js" type="text/javascript" charset="ut...

2018-08-26 20:33:54

298浏览

0评论

带动画效果的js点击弹出消息对话框特效

多种带炫酷动画效果的js点击弹出消息对话框特效，功能相当强大，外观也漂亮，可以通过简单配置非常轻松的实现各种网页消息提示框。js代码<script src="js/x0popup.min.js"></scri...

2018-08-26 20:32:04

227浏览

0评论

jQuery点击弹出遮罩层图片放大查看代码

一款十分简单的jQuery点击弹出遮罩层图片放大查看代码，支持鼠标滚动放大缩小图片预览，弹出和关闭图片时还有淡进淡出的过渡效果。js代码<script src="jquery.js"></script><sc...

2018-08-26 20:30:09

388浏览

0评论

css3立方体方块翻滚404动画特效

这是一款简单又富有创意的css3立方体方块翻滚404动画特效，用来做网页404错误提示页面非常不错。代码下载：https://pan.baidu.com/s/1ILRFY2qQaZmQwGruh1l83g...

2018-08-26 20:28:38

280浏览

0评论

jQuery鼠标滑过导航下拉菜单特效

一款外观十分简洁好看的jQuery鼠标滑过导航下拉菜单特效，鼠标滑过一级导航菜单时，带过渡动画展开二级子菜单，鼠标悬停子菜单也会有简单的缩进动画效果，而且子菜单是多行多列形式...

2018-08-26 20:26:29

834浏览

0评论

自定义美化HTML5 video视频播放器界面样式

一款可以自定义美化HTML5 video视频播放器界面样式代码，如果你觉得默认的video标签的样式太单调，那么你就需要这款美化video UI界面的代码了。代码下载：https://pan.lanzou.com...

2018-08-26 20:25:48

260浏览

0评论

js、php常用正则表达式

整数或者小数：^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字："^[0-9]*$"。只能输入n位的数字："^\d{n}$"。只能输入至少n位的数字："^\d{n,}$"。只能输入m~n位的数字：。"^\d{m,n}$"只能输...

2018-08-26 20:24:48

256浏览

0评论

js判断网页页面是否加载完成代码

用document.onreadystatechange的方法来监听状态改变，然后用document.readyState == “complete”判断是否加载完成代码如下：document.onreadystatechange = subSom...

2018-08-26 20:22:55

218浏览

0评论

广告代码影响网页打开速度解决办法

广告代码影响网页打开速度怎么办？如果广告不是很多。。。可以用下面的方法：第一步：把这段代码放在你要放广告的网页位置：程序代码 <div="myads">广告载入中...</div>第二步：把这...

2018-08-26 20:21:37

283浏览

0评论

PHP基本防SQL注入函数与安全过滤函数

function sql_check($Sql_Str) {//自动过滤Sql的注入语句。 $check=preg_match('/select|insert|update|delete|\'|\\*|\*|\.\.\/|\.\/|union|into|load_file|ou...

2018-08-26 20:21:02

291浏览

0评论

CSS中正确设置微软雅黑字体的方法

.selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu } 加上中文名“微软雅黑”是为了兼容opera。 MicrosoftJhengHei...

2018-08-26 20:20:32

288浏览

0评论

在php命令中php中的==和===有什么区别？

在php命令中php中的==和===有什么区别？===是恒等计算符同时检查表达式的值与类型==是比较运算符号不会检查条件式的表达式的类型比如整数0和浮点数0.0用==比较返回TRU...

2018-08-26 20:19:39

300浏览

0评论

Windows下$cn = curl_init(); 报错_curl_init()函数不可用或报错解决办法

写了一段代码，是否报错XX$cn = curl_init; 报错？如果出现这个问题，说明curl_init函数不可用，可能是curl_init函数的适应于库php_curl.dll没开启。。点击的方法来解决一下就OK了...

2018-08-26 20:15:07

329浏览

0评论

php技巧-判断浏览器语言跳转不同页面

昨天有一个客户的需求，就是中文浏览器跳转另一个域名，他说自己的opencart买了个插件，插件会根据不同语言跳转不同的二级域名且显示中文，然后要求我帮忙改规则文件让中文的跳转另...

2018-08-26 20:14:15

244浏览

0评论

如何让背景图片透明

HTML 网页里面添加如下代码：(30为透明度)HEAD 里面添加 <style type="text/css">  </style>DIV 或者 BODY 里面添加 class=...

2018-08-26 20:13:05

300浏览

0评论

CSS圆角 -webkit-border-radius 详解

CSS圆角 border-radius：用这个属性能实现圆角边框的效果。现在只有Mozilla/Firefox 和 Safari 3支持该属性。请看下面的示例代码： Mozilla/Firefox 和 Safari 3用户将在...

2018-08-26 20:12:35

291浏览

0评论

给网站添加一个运行天数

本站底部运行天数代码：截止到今天已运行了<script language=javascript>var urodz= new Date("6/26/2016");var now = new Date();var ile = now.getTime() - urodz.getT...

2018-08-26 20:11:31

热门文章