Css3圆角 border-radius属性介绍以及使用
语法:border-radius: 数值+单位;1. 设置一个值border-radius: 20px; 四个方向的圆角均为20px 2. 设置两个值border-radius: 10px 50px; 左上角和右下...
语法:border-radius: 数值+单位;1. 设置一个值border-radius: 20px; 四个方向的圆角均为20px 2. 设置两个值border-radius: 10px 50px; 左上角和右下...
也是上班时遇到,后台接口数据给我反的是一个时间戳,需要转化为日期时间展示到前台,方法如下:首先大家先参考下面代码// 下面一句代码是获取一个时间对象//时间戳,填写你需要转换...
瀑布流网页页面效果目前是一种很常见的布局,下面使用原生js实现一个瀑布流效果,附代码如下复制代码,图片路径自己修改即可CSS代码<style type="text/css"> *{ margin:0; padd...
语法:transform: rotate(旋转) | scale(缩放) | skew(倾斜) | translate(位移); 注: 当多种变形方式综合在一起时,用空格隔开 1. rotate 旋转( X/Y/Z 必须为大写 )...
网页中常会用到固定层这样的效果,可以放广告,可以放标签,可以放关注。js代码如下if ($('#follow-us')){ var followUsPosition = $('#follow-us').offset()...
后台上传图片后,都有一个图片属性,会指定图片的宽和高,如果图片固定了宽度和高度,PC端用max-width可以控制最大宽度,高度自动缩放。但是手机端就没法自动缩放,可以使用js来改...
呼吸灯实现思路底图是一个暗的灯 jpg,另外一张图则是亮灯的 png 透明图片,利用绝对定位将亮灯图片定位在底图上。然后用 animation 写出动效,也就是呼吸灯的闪动效果。最后亮灯...
JavaScript 执行的时候可能会修改 DOM,影响页面的展现,默认情况下,先加载执行 JavaScript,再加载执行后面的代码才是安全的,加载执行 JavaScript 代码的时候,会停止后面代码的...
我们浏览一些网站的时候,会发现点击导航条上的链接的时候,页面会非常平滑的滚动网页下面相应的位置,相对于浏览器默认的一下子跳过去,用户体验无疑友好了许多,其实显示这种效果只...
Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。 abstract arguments boolean break byte c...
昨天在做侧栏搜索时遇到一个小问题,搜索按钮高度与input表单高度不同。看似很小的问题自己却不懂,height100%不顶用,于是百度一下找到一个解决方法:首先让父容器 position:relat...
新建一个php文件,将下面的代码粘贴进去,utf-8(无bom)格式 - 保存。运行该文件即可加密相应的文件,看注释<?php/** * 简单的PHP加密 * 会在该文件的同级目录下生成一个create文...
CSS本身没有什么安全性可言,也不需要加密。而有些时候为了保护指定的样式表,可以采用混淆的方法扰乱查看者的视听。比如下面这段:@charset "utf-8";/*Theme Name: linstyle...
由于某些原因你可能需要隐藏盒子的滚动条但又要它保持滚动效果。 百度找不到答案,谷歌或许你会找到。我就直接提供demo出来,运行代码来看效果吧。 有两种方法:大体思...
通常产品列表,我们希望产品图片是在一个盒子内垂直居中,如果图片尺寸未知,且希望保持原来的宽高比例,就涉及到未知高度元素垂直居中的问题。 如果不用考虑IE6/7,问题会非...
1、在根目录(路径自己定义,我是图方便就放到了根目录)新建一个js文件(如:global.js),并复制下面代码放到到里面://头部问候语function hello() { today=new Date(); var da...
本文讲一下,让导航栏下拉至一定高度后固定在顶部的特效。看下面的代码:<script type="text/javascript">$(function() { var nav = $(".nav"); var sc = $(document...
在相关HTML页面进行如下修改。找到提交框所在的from。在form上添加或修改id="edit"然后,在form外层,添加如下代码。<script type="text/javascript"> function editor_init...
今天浏览这个http://www.sitepoint.com站时,因为好奇看了下人家写的代码,结果发现了这行代码于是就研究了一下,calc()从字面我们可以把他理解为一个函数function。其实calc是英...
昨天介绍了一个生成二维码的插件QRCode.js,它是借助HTML5 Canvas绘制而成。所以,今天的主角就是canvas啦–canvas的实际应用。一、下载二维码(查看如何生成二维码)HTMLCanv...
jSignature 是一个通过捕捉笔画的矢量轮廓输出多种格式数据的jQuery插件,通过该插件我们可以实现绘画板、手写签名等功能。使用该插件需要引入jQuery和jSignature.js,首先初始...
在实际的运用中有这样一种场景,某资源加载完成后再执行某个操作,例如在做导出时,后端通过打开模板页生成PDF,并返回下载地址。这时前后端通常需要约定一个flag,用以标识模板准备...
随着移动设备的普及,日常生活中随处可见二维码,大有一码走天下之势。那么前端如何来生成二维码?通过QRCode.js我们可以快速生成二维码啦,一起来看看怎么使用吧。1、引入插件...
众所周知,node版本众多,但是由于项目需要或其他原因我们需要切换node版本,这个时候就需要node版本管理器啦。目前比较流行的两个是‘n’和‘nvm’(ps:试了&l...
网站重定向相信大多数站长都有用到过,最常用到的是301和302这两个http状态码。那么301与302有哪些区别呢,今天就来给大家对它们作一个比较,来分析一下这两者之间的区别。如果你...
一些常见的状态码为:200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用。1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码 说明 100...
根据 HTTP 标准,HTTP 请求可以使用多种请求方法。我们常用的 GET 和 POST 方法是 HTTP1.0 定义的, HTTP1.0 还定义了 HEAD 方法,HTTP1.1 新增了五种请求方法:OPTIONS, PUT, DELE...
这是一篇比较老的文章,收集过来主要是为了大家作为借鉴。最近有部分童鞋反应其WordPress升级到了3.5版之后,页面上貌似出现了点问题,如文章归档页面无法点击伸展收缩,页面顶部的...
一款好看的jQuery+CSS3实现的一天时段动画场景切换特效,不同的时段展示不同的风景,黄昏、白天、日落、夜晚动画场景特效。js代码<script>$(".option").on("click", function()...
这是一款jQuery基于honeyswitch.js仿苹果手机ios系统风格开关按钮切换效果,非常的美观的开关按钮样式,演示里面还有更详细的使用说明。js代码<script src="lib/honeySwitch.js...
CSS3网页滚动瀑布流图片加载动画特效是一款WOW.js基于css3动画库属性制作的页面向下滚动时产生的图片载入动画效果。js代码<script src="js/wow.min.js"></script><script>...
一款好看的html5 canvas跟随鼠标光标移动出现的圆点泡泡动画特效,跟随鼠标运动轨迹出现并很快消失。js代码<script src="underscore.js" type="text/javascript" charset="ut...
多种带炫酷动画效果的js点击弹出消息对话框特效,功能相当强大,外观也漂亮,可以通过简单配置非常轻松的实现各种网页消息提示框。js代码<script src="js/x0popup.min.js"></scri...
一款十分简单的jQuery点击弹出遮罩层图片放大查看代码,支持鼠标滚动放大缩小图片预览,弹出和关闭图片时还有淡进淡出的过渡效果。js代码<script src="jquery.js"></script><sc...
这是一款简单又富有创意的css3立方体方块翻滚404动画特效,用来做网页404错误提示页面非常不错。代码下载:https://pan.baidu.com/s/1ILRFY2qQaZmQwGruh1l83g...
一款外观十分简洁好看的jQuery鼠标滑过导航下拉菜单特效,鼠标滑过一级导航菜单时,带过渡动画展开二级子菜单,鼠标悬停子菜单也会有简单的缩进动画效果,而且子菜单是多行多列形式...
一款可以自定义美化HTML5 video视频播放器界面样式代码,如果你觉得默认的video标签的样式太单调,那么你就需要这款美化video UI界面的代码了。代码下载:https://pan.lanzou.com...
整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字:"^[0-9]*$"。只能输入n位的数字:"^\d{n}$"。只能输入至少n位的数字:"^\d{n,}$"。只能输入m~n位的数字:。"^\d{m,n}$"只能输...
用document.onreadystatechange的方法来监听状态改变,然后用document.readyState == “complete”判断是否加载完成代码如下:document.onreadystatechange = subSom...
广告代码影响网页打开速度怎么办?如果广告不是很多。。。可以用下面的方法:第一步:把这段代码放在你要放广告的网页位置:程序代码 <div="myads">广告载入中...</div>第二步:把这...
function sql_check($Sql_Str) {//自动过滤Sql的注入语句。 $check=preg_match('/select|insert|update|delete|\'|\\*|\*|\.\.\/|\.\/|union|into|load_file|ou...
.selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu } 加上中文名“微软雅黑”是为了兼容opera。 MicrosoftJhengHei...
在php命令中php中的==和===有什么区别?===是恒等计算符 同时检查表达式的值与类型==是比较运算符号 不会检查条件式的表达式的类型 比如整数0和浮点数0.0用==比较返回TRU...
写了一段代码,是否报错XX$cn = curl_init; 报错?如果出现这个问题,说明curl_init函数不可用,可能是curl_init函数的适应于库php_curl.dll没开启。。点击的方法来解决一下就OK了...
昨天有一个客户的需求,就是中文浏览器跳转另一个域名,他说自己的opencart买了个插件,插件会根据不同语言跳转不同的二级域名且显示中文,然后要求我帮忙改规则文件让中文的跳转另...