焦点
Javascript中常用事件的命名
Javascript中常⽤事件的命名OnClick ：单击事件OnChange：改变事件OnSelect：选中事件OnFocus：获得焦点事件javascript说明OnBlur：失去焦点事件Onload：载⼊⽂件OnUnload：卸载⽂件anchors[]：使⽤《A name="anchorsName"》标识来建⽴锚的链接。links[]：使⽤<A href="URL">来定义⼀个越...
JavaScript中常用的事件
JavaScript中常⽤的事件1.onclick事件点击事件（onclick并不是js中的⽅法，onclick只是浏览器提供js的⼀个dom接⼝，让js可以操作dom，所以onclick⼤⼩写都是没问题的，⽐如HTML代码就不⽤区分⼤⼩写）例：<%@pagelanguage="Java"import="java.util.*"pageEncoding="UTF-8"%><!DO...
js事件说明
JS事件事件 / 描述 onblur 事件 发生在窗口失去焦点的时候。onchange 事件 发生在文本输入区的内容被更改，然后焦点从文本输入区移走之后。onclick 事件 发生在对象被单击的时候。onerror 事件 javascript说明发生在错误发生的时候。onfocus 事件 发生在窗口得到焦点的时候。onload 事件 发生在文档全部下载完毕的时候。onmousedown 事件 发生...
html表单属性设置默认值,HTML5表单Form之属性
html表单属性设置默认值,HTML5表单Form之属性HTML5 Web表单引⼊了新的表单元素、输⼊类型、属性和其他功能。有些功能已经使⽤了多年：表单验证、组合框和占位符⽂本等。之前我们必须求助于JavaScript创建这些功能，现在可以在浏览器中直接使⽤它们；您需要做的就是在标记中将属性设置为可⽤。HTML5不仅使开发⼈员更容易制作表单，同时也为⽤户带来了许多⽅便。由浏览器处理客户端的验证，这...
elementui中el-button点击后不失去焦点(按钮颜不变)的解决方案
elementui中el-button点击后不失去焦点（按钮颜⾊不变）的解决⽅案初次接触前端，初次使⽤vue，初次使⽤elementui，难免遇到坑。使⽤el-button的时候，发现点击按钮后，按钮颜⾊仍然保持⿏标悬浮上去时候的效果，并没有恢复到正常状态原因el-button 的⿏标经过样式以及点击/获取焦点样式其实都是⽤css完成的。点击按钮后按钮会获得焦点CSS :focus 选择器触发；也...
css的button的四种样式
css的button的四种样式css中button按钮样式的4种状态1. 普通状态2. hover ⿏标悬停状态css鼠标点击样式3. active 点击状态（按下弹起）4. focus 取得焦点状态（按下不弹起）.btn:focus{outline:0;} 可以去除按钮或a标签点击后的蓝⾊边框常⽤的是hover以及focus...
CSS-事件-单击双击、失去or获得焦点、加载事件、鼠标事件、键盘事件、选...
CSS-事件-单击双击、失去or获得焦点、加载事件、⿏标事件、键盘事件、选择与改变、表单事件css鼠标点击样式CSS事件1.点击事件1.1 onclick：单击事件1.2 ondblclick：双击事件2.焦点事件2.1 onblur: 失去焦点2.2 onfocus: 元素获得焦点3.加载事件onload: ⼀张页⾯或⼀幅图像完成加载。4.⿏标事件4.1 onmousedown ⿏标按钮被按下4...
CSS样式的状态hover、focus、active、link、visited详解
CSS样式的状态hover、focus、active、link、visited详解CSS ⼜名层叠样式表，是⼀种伪类⽤于向某些选择的容器添加特殊的效果，所谓层叠，就是后⾯的样式会覆盖前⾯的样式，所以不同的排列顺序可能会有不同的显⽰效果。下⾯介绍⼏个关于连接按钮效果的关键样式属性：css鼠标点击样式1 link控制未访问时的显⽰效果2 hover⿏标悬停和划过时的显⽰效果3 visited 访问过后...
BOM对象
什么是BOMBOM是browser object model的缩写，简称浏览器对象模型BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3CBOM最初是Netscape浏览器标准...
CSS实现任意元素不同浏览器中获取焦点时的边框或背景颜
CSS实现任意元素不同浏览器中获取焦点时的边框或背景颜⾊项⽬中发现⽕狐浏览器输⼊框获得⿏标焦点时外边框颜⾊没有变化，⽤户体验不好，不能很明显地告诉⽤户哪个输⼊框获得了⿏标焦点，查阅资料发现页⾯中浏览器会给输⼊框input、textarea的outline属性设置⼀个默认值，当输⼊框获得⿏标焦点时外边框会⾃动带上颜⾊，失去焦点时外边框颜⾊消失。但是不同浏览器outline属性的默认值不同，如果想要所...
Vue实现腾讯新闻案例
Vue实现腾讯新闻案例⽗组件：<template><div><div class="news-top"><div ><input type="text"@="search"v-model="kw"@focus="handleFocus"@blur="handleBlur"@keydown.down="down"@key...
vue实现滑块slider(赋源码)
vue实现滑块slider（赋源码）因为项⽬⽤到滑块，只要⼀处使⽤到看了第三⽅库觉得没必要引⼊导致项⽬太臃肿：先上代码：<template><div class="slider"ref="mySlider"><div class="left-btn":class="{active:myPosition.isBtn==2}"></div><div...
魔兽世界盗贼专用宏整理
#showtooltip 仇杀 /cast 仇杀 /cast 灾变角斗士的征服徽章 仇杀开饰品 /stopattack /targetenemy /script SetCVar("targetNearestDistance", 41) /cast 闷棍 闷棍宏，也就是常说的抓贼宏，现在有暗遁了，抓D也不错。 #showtooltip 消失 /stopattack /cast 消失 安全消失宏，停止...
class命名规范
class命名规范常见class关键词：布局类：header, footer, container, main, content, aside, page, section包裹类：wrap, inner区块类：region, block, box结构类：hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span列表类：lis...
网页设计灵动布局之相对自由式示例
网页设计灵动布局之相对自由式示例网页设计灵动布局之相对自由式示例在网站设计中，简洁的网页设计可能使用了多种元素来衬托网站内容，但依然还能保持整洁有序的外观。不过，极简网站设计是以内容为核心，多余的东西统统扔掉。而简洁网页设计则使用了创意和美学元素，在一定程度上，这是可行的。网页设计灵动布局之相对自由式示例前言我们人类千人千面，但怎么长都不会偏离骨骼。因此，保持了内在的坚固恒久性，外表就一出戏，相对...
Excel完整教程—200种超全使用技巧
Excel 完整技巧教程excel做表格的教程微软的Excel恐怕是现在仅次于Word，使用人数最多的一款办公软件了，因此，自然而然地也就成了大家平时关注的焦点。不过，正所谓“术业有专攻”，精通本职工作的您未必在使用Excel进行日常操作时用的都是最快捷的方法。...
jqueryvalidate验证(自定义提示信息,错误提示位置以及颜)
jqueryvalidate验证（⾃定义提⽰信息，错误提⽰位置以及颜⾊）简单了解如何使⽤，更多规则可在jquery validate官⽹查看1 效果2 代码<!DOCTYPE html><html><head><title>jquery验证</title><script type="text/javascript" src="./j...
jquery--onchange
jquery--onchange触发onchange⾸先页⾯有⼀个input标签，并且已绑定onchange事件，如：1<input type="text"onchange="console.log(this.value);"/>这个事件要做的动作很简单，只是把input的值在控制台上打印出来就好。效果：这个onchange是怎么触发的呢？经过实验，⼤致是以下⼏个步骤⼀、当input捕...
jquery判断input输入框的值,用到input事件,blur事件,focus事件
jquery判断input输⼊框的值，⽤到input事件，blur事件，focus事件需求：当输⼊框有字或者正在输⼊时，右边的圆形取消按钮才出现。否则不出现。//输⼊框正在输⼊时$("#ipt").on('input',function(){if(!($('#ipt').val()=='')){$(".cancle_ico").removeClass('hide');}else{$(".cancl...
jquery经典案例
jQuery模拟select下拉显隐菜单 [ jquery效果 ]到年底了，项目吃紧，WEB前端这块需要做不少，一会需要写个js特效，一会哪边浏览器兼容有问题，主要是坑爹的IE6，再又一会又是新的版本需要上线。select给咱前端开发们带来无尽的烦恼，就最比较有名的IE6下select挡住这个，就够你折腾一阵了。下面分享一个jQuery模拟select下拉显隐菜单，这样远离了select问题少好多...
十款炫酷的轮播图特效代码
⼗款炫酷的轮播图特效代码现在的⽹页设计越来越追求页⾯质量与⽤户体验，漂亮的页⾯访客都会喜欢，⽹站价值也会得到提升，php中⽂⽹js特效下载站（www.php/xiazai/js）今天给⼤家推荐的是⼗款炫酷的轮播图特效代码，希望对⼤家的⼯作和学习有所帮助。1.JQuery仿最新淘宝⽹⾸页带箭头幻灯⽚2.多种过渡动画效果幻灯⽚轮播⼤图jQuery特效3.jQuery三张图⽚⼀起滑动幻灯⽚特效4....
html语言制作焦点图,HTML5实现的震撼3D焦点图动画的示例代码
html语⾔制作焦点图,HTML5实现的震撼3D焦点图动画的⽰例代码这是⼀款基于HTML5和jQuery的3D焦点图动画，焦点图中的图⽚利⽤了CSS3的相关特性实现图⽚倾斜效果，从⽽让图⽚出现3D的视觉效果。这款HTML5焦点图不仅可以⼿动点击按钮切换图⽚，⽽且还⽀持⾃动切换图⽚，使⽤起来也相当⽅便。如果你需要在⽹站中展⽰产品图⽚，那么这款焦点图插件⾮常适合你。HTML代码<>CSS代...
html css图片展开动画,8个实用炫酷的HTML5图片动画应用
html css图片展开动画,8个实用炫酷的HTML5图片动画应用1、CSS3/jQuery实现移动端滑动层叠效果这是一款基于jQuery和CSS3的层叠插件，这和我们之前介绍的CSS3层叠绽开特效有点不同，它支持鼠标滑动切换，同时假如在移动端运行的话，也支持触屏滑动来切换。这款jQuery应用十分适合在手机上用法，效果还不错。2、HTML5/CSS3网格动画特效jquery在线图片HTML5技术...
HTML——哄女朋友的相册模板
HTML——哄⼥朋友的相册模板HTML5、CSS3和jQuery这3⼤前端开发技术已经越来越成熟，⽽且这三者的紧密结合使得开发者可以有越来越丰富的想象空间。今天我们要来分享⼀些⾮常炫酷的HTML5相册动画应⽤，这些应⽤同时也结合了CSS3和jQuery，特别是第⼀个，⾮常具有创意，⼀起来看看吧。1、HTML5 3D⽴体美⼥墙相册HTML5⾮常强⼤，尤其是和CSS3结合，有时候能达到⾮同凡响的⽹页动...
jqueryhtml5模拟3d云彩飘动效果,基于Jquery和html5实现炫酷的3D焦点图...
jqueryhtml5模拟3d云彩飘动效果，基于Jquery和html5实现炫酷的3D焦点图动画这款HTML5焦点图不仅可以⼿动点击按钮切换图⽚，⽽且还⽀持⾃动切换图⽚，使⽤起来也相当⽅便。如果你需要在⽹站中展⽰产品图⽚，那么这款焦点图插件⾮常适合你。在线演⽰源码下载HTML代码<>CSS代码.dg-container{width: 100%;height: 450px;positio...
jquery失去焦点的方法(一)
jquery失去焦点的方法(一)jQuery失去焦点介绍在网页开发中，经常需要处理用户与页面元素之间的交互。用户输入完成后，经常需要对输入框进行验证或执行其他操作，这就需要用到”失去焦点”事件。jQuery提供了多种方式来处理元素失去焦点的情况，下面列举了几种常用的方法。方法一：blur()方法使用该方法可以直接将事件绑定到元素上，当元素失去焦点时则触发该事件。$('input').blur(fu...
jquery focus的用法
jquery focus的用法 jQuery Focus的用法 jQuery是一种流行的JavaScript库，它提供了许多方便的方法来操作HTML文档。其中一个非常有用的方法是focus()，它可以让你在页面上设置焦点。在本文中，我们将介绍jQuery Focus的用法。 什么是jQuery Focus？ ...
python代码示例表白-我喜欢你抖音表白程序python版
python代码⽰例表⽩-我喜欢你抖⾳表⽩程序python版本⽂实例为⼤家分享了python抖⾳表⽩神器，供⼤家参考，具体内容如下# -*- coding: utf-8 -*-import sysfrom PyQt5 import QtWidgetsaccess是数据库管理系统吗from PyQt5.QtGui import QFont,QIcon#QtWidgets不包含QFont必须调⽤QtG...
文本框域文字提示(placeholder)自动显示隐藏jQuery小插件
⽂本框域⽂字提⽰（placeholder）⾃动显⽰隐藏jQuery⼩插件// ⽂本框⽂本域提⽰⽂字的⾃动显⽰与隐藏(function($){$.fn.textRemindAuto = function(options){jquery插件编写options = options || {};var defaults = {blurColor: "#999",focusColor: "#333",aut...
实训4-9制作网页焦点图
实训4-9 制作网页焦点图一、 实训目的1. 理解元素的浮动，能够为元素设置浮动样式；2. 熟悉清除浮动的方法，可以使用不同方法清除浮动；3. 掌握元素的定位，能够为元素设置常见的定位模式；4. 实训过程中，重点关注：元素的浮动属性float、运用clear属性清除浮动、运用overflow属性清除浮动、使用after伪对象清除浮动、overflow属性、元素的定位属性。二、 案例描述...
