编程开发 - 教程之家

282浏览

0评论

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

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

2018-08-26 20:35:41

277浏览

0评论

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

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

2018-08-26 20:33:54

357浏览

0评论

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

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

2018-08-26 20:32:04

283浏览

0评论

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

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

2018-08-26 20:30:09

441浏览

0评论

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

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

2018-08-26 20:28:38

336浏览

0评论

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

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

2018-08-26 20:26:29

916浏览

0评论

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

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

2018-08-26 20:25:48

320浏览

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

319浏览

0评论

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

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

2018-08-26 20:22:55

281浏览

0评论

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

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

2018-08-26 20:21:37

333浏览

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

362浏览

0评论

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

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

2018-08-26 20:20:32

340浏览

0评论

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

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

2018-08-26 20:19:39

369浏览

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

385浏览

0评论

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

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

2018-08-26 20:14:15

304浏览

0评论

如何让背景图片透明

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

2018-08-26 20:13:05

359浏览

0评论

CSS圆角 -webkit-border-radius 详解

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

2018-08-26 20:12:35

350浏览

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

369浏览

0评论

使用纯CSS3代码实现简单的图片轮播

1.基本布局：将5张图片左浮动横向并排放入一个div容器（#photos）内，图片设置统一尺寸，div宽度设置5个图片的总尺寸，然后放入相框容器div（#frame），相框设置1个图片的大小并设置溢出隐藏，...

2018-08-26 19:31:35

682浏览

0评论

js判断用户UA并自动跳转到对应网页

前几天看到一个关于万能收钱码的教程，里面有个方法很有意思，用户访问我二维码地址后，可以通过UA来判断用户使用的是哪款APP。可以说这个功能就是万能收款码的核心了，下面就...

2018-08-26 19:30:02

378浏览

0评论

js使用base64编码隐藏敏感字符

首先声明一下，这里之所以说用base64来编码字符，是因为它编码之后的字符是人无法理解的东西，并且中英文都一样可以编码成人类不认识的字符串。这里不讨论编码的安全性，要安全的话...

2018-08-26 00:18:47

391浏览

0评论

jQuery移动HTML元素位置

最近在做WordPress主题时遇到了评论框的一些问题，主要是评论采用什么形式来展现给用户。其一是使用弹出层，将表单展示在弹出层上。还有一种就是今天我们要讲的jQuery移动HTML...

2018-08-26 00:15:42

394浏览

0评论

JavaScript三种url编码方式的区别

url编码顾名思义，将字符串编码成url。经常使用浏览器的朋友就会发现，中文的网络地址会被浏览器编码成我们不认识的字符。只有 0-9[a-Z] $ – _ . + ! * ‘ ( ) , 以...

2018-08-26 00:14:57

286浏览

0评论

纯JS实现jQuery的addClass和removeClass功能

jQuery不能用或者jQuery没法及时使用的时候，有需要操作节点的className，就可以用这些代码了。var addClass = function(elem, str) { if (elem.className == str) retu...

2018-08-26 00:13:18

706浏览

0评论

纯Javascript实现淡入淡出效果

说到js的渐变显示与消失，多数朋友会想到JQuery里面的fadeIn()、fadeOut()或fadeToggle()。但如果仅仅是为了引入这样的一个效果，而去调用了庞大JQuery库，会不会显得有...

2018-08-26 00:12:31

973浏览

0评论

PHP将文字生成透明背景图片代码

本文讲的是用php将生成透明背景图片png的代码，主要目的是为了一些企业网站的电话不想被搜索引擎收录，所以用到图片的形式显示，不能每次更改电话号码很不方便，所以就研究一下...

2018-08-26 00:11:31

364浏览

0评论

HTML5实现获取地理位置信息并定位功能

前言这篇文章主要介绍了HTML5实现获取地理位置信息并定位功能,本文讲解了原生HTML5、百度地图、谷歌地图等三种获取理位置信息并定位的方法,需要的朋友可以参考下。HTML5提...

2018-08-26 00:09:53

326浏览

0评论

用css禁止文字被选中

有时候，为了让用户有更好的体验，需要禁用掉文本选中功能比如：使用a标签模拟按钮，如果不禁用掉文本选中功能，那么双击时会选中文字，用起来很不爽。多数情况下，只需要使用CSS样式就可...

2018-08-26 00:09:14

325浏览

0评论

js判断手机端并跳转方法

本文介绍js判断手机端并跳转，这段代码最好放到head里面，这样加在是能够及时的跳转。<script> function is_mobile() {var regex_match = /(nokia|iphone|android|motor...

2018-08-26 00:07:51

421浏览

0评论

CSS三大特性（继承、优先级、层叠）

1.继承性作用：子元素可以继承父元素的样式继承性发生的前提是包含（嵌套关系）★文字颜色可以继承★文字大小可以继承★字体可以继续★字体粗细可以继承★文字风格可以继承★行高...

2018-08-26 00:07:09

312浏览

0评论

CSS技巧：常用的几个CSS前端效果更轻松的写页面

做页面需要一定的 CSS 基本功，虽然现在有很多成熟的框架如 bootstrap 等，我们轻松的就就可以做出一些页面效果。但是掌握每一个常见效果的写法还是很重要的，下面整理出一些常见...

2018-08-25 23:49:29

427浏览

0评论

CSS技巧：移动端弹出层滑动时禁止底层滑动

在开发移动端网站的时候，我们经常会遇到弹出层的情况（如全屏的导航栏、提示遮罩等），这时候会有一个用户体验上的小 bug：当我们操作点出弹出层时，如果此时滑动屏幕，你会发现弹出层下...

2018-08-25 23:48:24

588浏览

0评论

使用 HTMLPurifier 来解决 Laravel 5 中的 XSS 跨站脚本攻击安全问题

HTMLPurifier for Laravel 是对 HTMLPurifier 针对 Laravel 框架的一个封装.使用 Composer 安装：composer require mews/purifier在 config/app.php 文件的 providers 数组添...

2018-08-20 23:21:54

327浏览

0评论

PHP中in_array的隐式转换

问题今天在写一个接口的时候，需要传入大量的基本信息参数，参数分别是int和string两种类型，为了校验方便，我打算把所有的参数都放在数组中，然后用in_array(0, $param)判断...

2018-08-20 23:21:12

302浏览

0评论

Jquery前端分页插件pagination使用

插件描述：JqueryPagination是一个轻量级的jquery分页插件。只需几个简单的配置就可以生成分页控件。并且支持ajax获取数据，自定义请求参数，提供多种方法，事件和回调函数，功能全面...

2018-08-20 23:18:00

331浏览

0评论

jquery的height()和javascript的height总结，js获取屏幕高度

在javascript和jquery中，都有对各种高度的写法，在这里，我们就着重讲一下窗口、文档等高度的理解。(宽度和高度差不多！)1. jquery的各种高度首先来说一说$(document)和$(window)，...

2018-08-19 21:22:06

368浏览

0评论

css input checkbox和radio样式美化

效果图如下：html代码如下：<span class="pay_list_c1 on"><input type="radio" checked="checked" name="paylist" value="1" class="radioclass"></span>css代码:.pay_list_c1...

2018-08-19 21:19:15

561浏览

0评论

css input[type=file] 样式美化，input上传按钮美化

我们在做input文本上传的时候，html自带的上传按钮比较丑，如何对其进行美化呢？同理：input checkbox美化，input radio美化是一个道理的，后面文章会总结。1. 思路input file上传按钮...

2018-08-19 21:18:15

267浏览

0评论

HTML5的 input:file上传类型控制

1. input:file属性属性值有以下几个比较常用： accept：表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。 multiple：是否可以选择多...

2018-08-19 21:17:40

292浏览

0评论

css代码缩写,占用更少的带宽

在写css代码的时候,有时候会忘记css代码的缩写,故整理成文章,方便查阅盒模型代码简写盒模型时外边距(margin)、内边距(paddin...

2018-08-19 21:17:08

32669浏览

0评论

各浏览器CSS HACK

针对Chrome和Safari等Webkit核心浏览器的CSS hack代码@media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit内核兼容CSS */ } 示例：@media screen and...

2018-08-19 20:53:08

444浏览

0评论

CSS样式中大于号的使用及CSS中处理继承方法

继承在一定程度上让程序在编写的过程中更加方便，但是有时候也会给我们的程序带来一定的困扰，所以认真的学习继承的原理，以及处理的方法很重要。下面是Css中处理继承的一个方法...

2018-08-19 20:52:18

631浏览

0评论

css/js 图片自适应、自动满屏和拉伸问题解决

网站要自适应，其中一个工作就是必然要对图片的宽度进行处理。一般来说，网站图片插入的时候，编辑器会自动增加width和height的值，也就是图片的宽度高度，虽然可以去掉，也可以定义，但...

2018-08-19 20:51:15

348浏览

0评论

css教程之div文字图片混合型下图片居中

最近有童鞋问我，在一个div里面，其中有文字和图片，现在想要的效果是文字左对齐，图片居中对齐。然后说对图片定义text-align:center;无效。我说这里用text-align:center;肯定没有...

2018-08-19 20:49:46

579浏览

0评论

CSS3 Media Queries实现响应式网页设计

记得很早之前，那时候还没有接触css3，已经通过media=”print”来定义打印样式了，那个时候也不是很了解，只是单纯了写着好玩，其实没多大用处。随着目前移动设备的普及，单纯...

2018-08-19 20:49:08

305浏览

0评论

CSS控制文字文本超过宽度或高度自动隐藏

做css的时候发现需要对文字隐藏，所以这里记录下，下次好使用。.text1 { word-break: keep-all;/*不换行*/ white-space: nowrap;/*不换行*/ overflow: hidden;...

2018-08-19 20:48:20

349浏览

0评论

纯CSS制作的TAB选项卡

这里主要使用表单的单选按钮来实现这个TAB显示和隐藏，首页tab里的内容默认隐藏，如果单选按钮为选中状态（checked）就显示内容。具体请看下面代码。<ul class="tabs"> <li> <i...

2018-08-19 20:47:43

290浏览

0评论

说说css中pt、px、em、rem都扮演了什么角色

前段时间，终于仔仔细细的把pt、px、em、rem了解了一遍，简单整理了一下做个记录。pt、px、em、rem都是什么pt单位名称为点（Point），绝对长度单位。现在网页中出现得很少甚至不出现，...

2018-08-19 20:46:15

552浏览

0评论

如何改变Checkbox的尺寸大小

比较复杂的方法input[type=checkbox]{ /* Double-sized Checkboxes */ -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform...

2018-08-19 20:45:28

415浏览

0评论

取消chrome浏览器下input和textarea的默认样式

最近一个细节引起了我的注意，chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动tex...

2018-08-19 20:44:27

热门文章