当前位置: 首页  - 个人笔记  - 前端设计  - 列表 免费服务器领取!

前端设计

前端设计

html 禁止input等输入框自动提示功能的方法

在前端web页中,一些input输入框尤其一些登录窗口的用户名输入框或搜索类型的输入框在鼠标点击或选中时会出现下拉的提示,这也是浏览器自带的内容自动填充完成功能,虽然这些提示可以很方便的让用户进行输入操作,但为了不爆露用户的个别隐私(密码或搜索记录等),需要对指定的输入框进行禁止自动填充的操作。下面提供一种利用 html 标签属性来禁止浏

前端设计

CSS画太极图的方法

前两天发了两篇关于CSS画图形的方法,今天就有QQ咨询能不能用CSS画个太极图出来,自己试验了一下。发现CSS画张太极图的图案非常的简单,实现代码如下。CSS画太极图的方法css画太极太只需要一个DIV元素即可,不过要用到这个div元素的伪类。代码在下自己看下吧!<!--feiniaomy.com--><style>

前端设计

css画多边形的方法

利用CSS可以画多边形状的,比如平行四形,三角形,四边形,五边形,六边形等。具体方法参考下面的内容吧。CSS画四边形的方法css里面最简单的就是画四边形了,这个经常用到,具体不再多说,直接上CSS代码。CSS代码:<style>.m {width: 200px;&

前端设计

css画三角形的方法

闲着没事研究了下利用CSS样式代码画三角形的方法,比如CSS画直角三角形,CSS画等边三角形等。CSS画三角形是利用了DIV元素的边框的宽度以及颜色来实现的,具体可以参考下面的几个CSS画三角形的方法。css定义边框的宽度以及颜色css代码:<style>.m{width: 0px; &

前端设计

CSS中的伪类选择器详解

CSS样式代码中的伪类是用来添加一些选择器的特殊效果,可对已有元素处于某种状态时为其添加对应的样式,这个样式是根据用户的行为则动态变化的。如果你看不懂CSS伪类的解释,可以看看下面的这个示例!css伪类 :hover :hover:当CSS悬停与指定元素上时,触发的效果。例:使用 css :hover 伪类的方法利用 css :hove

前端设计

js常用的几种简单的加密方式

介绍几种JS中常用的加密方式,方便以后使用。JS常用的几种加密方式1、JS自带的编码与解码字符串的方法 escape()和unescape()例://编码var a = escape("飞鸟慕鱼博客"); console.log(a);//解码var b = unescape(a);console.log(b);打印结

前端设计

js取随机整数的方法

利用js脚本随机取指定范围内的一个随机整数,并不是一件很简单的事(js大神略过),下面就说一下如何利用 js 脚本随机在指定范围内取一个整数!JS 随机取整数的方法1、从1开始 到 任意值格式parseInt(Math.random()*上限+1);例:// 1 到 20parseInt(Math.random()*20+1);// 1

前端设计

jq判断div是否隐藏的方法

JQ判断DIV是处于隐藏的状态,有多种方法。下面就一一列出,看看自己喜欢用哪种方法吧。JQ判断DIV是否为隐藏状态的方法方法1:js代码:if($("#mochu").is(":hidden")) {console.log('我隐藏了!');}else{console.log(&#

前端设计

js 判断浏览器是否最小化的方法

中午看视频时发现如果把浏览器最小化,视频就会自动停止播放。所以就想到了是否可以用JS代码来判断浏览器是否最小化呢?百度了一下,发现了如下两种JS判断浏览器是否最小化的方法。JS判断浏览器是否最小方法的方法方法1:鼠标拖动浏览器的窗口,用JS resize 事件方法来判断窗口是否最小化!下面的代码中,如果浏览器可视窗口的高度小于40则默认浏

前端设计

js判断用户浏览器是否支持cookie的方法

因为自己写的一个网页的小功能要使用到cookie,但有的用户的浏览器因为个人设置而屏蔽了cookie的调用,所以就想到了用JS代码来判断一下用户的浏览器是否支持cookie,如果不支持就弹出提示。JS判断浏览器是否支持cookie的方法方法1:使用 navigator 对象的 cookieEnabled 属性来判断浏览器是否支持cooki

前端设计

jq动态加载js文件的方法

jquery中的 getScript() 方法,可以动态的使用 HTTP GET 请求来加载并执行js文件,具体的操作方法如下。jq 中的 getScript() 方法getScript():可以通过HTTP GET 请求来加载并执行JS文件!语法:jQuery.getScript(url,success(response,status)

前端设计

解决移动端滑动验证时页面跟随移动的问题

在写一个移动端网页的滑动验证时,如果手指在屏幕上滑动会触发手机自带的事件。比如手机切屏或返回上一页等等。查了下百度,发现有两种网页端的方法可以阻止移动端左右滑动触发上一下和下一页的操作。阻止移动端滑动触发上一页下一页的方法方法1:CSS方法:html{touch-action:none;touch-action:pan-y;}方法2:使用

前端设计

css 修改placeholder属性文字颜色的方法

遇到了一个需要修改html页面中input与text元素中 placeholder 属性值颜色的需求,利用CSS很快的就解决了。解决方法如下。CSS 修改 placeholder 属性文字颜色的方法css代码:input::-webkit-input-placeholder{color:red;}input::-moz-placehold

前端设计

js删除数组中指定元素的方法

网上找到一个JS删除数组中指定元素的操作方法,感觉非常的便利。搞下来,记录一下留着以后备用!自定义一个JS删除数组指定元素的方法1、定义一个用于查找指定元素在数组中索引位置的JS函数Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length;&

前端设计

js删除数组中空值的方法

js可以删除数组中的空值有多种方法,下面就来说几种自己常用的,大家参考一下。js删除数组中空值的方法1、使用 filter 过滤方法来过滤 null,undefined,''等值JS示例代码:var arr = ['A', '', 'B', null, undefined,

前端设计

js实现获取鼠标选中文字的方法

在写前端的一个小工具时,遇到了个获取鼠标选中内容的需求,此需求可以很简单的利用JS脚本来实现。下面给出方法。获取鼠标选中文字的方法1、IE9下JS获取鼠标选中文字的方法document.selection.createRange().text;2、常用JS获取鼠标选中文字的方法window.getSelection().toString(

前端设计

网站使用JS来禁止复制粘贴和另存为方法

在前端的web页面中,可以使用js的脚本代码,来禁止复制粘贴以及另存为来保证网页的内容不被其它人轻易的搞走,下面来说说方法。1、禁止鼠标右键以及使复制失效的方法方法一:<script language="Javascript"> document.oncontextmenu=new Function(&q

前端设计

css中几种内容垂直居中的方法

在css+div的布局中,有时候需要内容在div中的位置进行垂直居中。下面提供了几种方法可供参考!css内容垂直居中的方法1、设置CSS行高属性使用内容垂直居中设置 css line-height 属性的值与DIV元素的height的值相同,可以使DIV内的内容垂直居中!HTML代码:<!DOCTYPE html><ht

前端设计

js检测textarea中内容是否有换行符的方法

web页面的 textarea 元素中的内容是免不了有换行符存在的,以前写过关于利用php脚 本代码来检测 textarea 提交的内容是否有换行符存在,那么今天再写一个利用 js 脚本来检测 textarea 提交的内容是否有换行符存在的判断代码。js 检测 textarea 提交的内容是否含有换行符检测示例代码:这里利用正则表达式来判

1 2 3 4 5 末页
点击下拉

ZBLOG主题/插件定制开发流程

ZBLOG主题/插件定制开发流程