jQuery
风铭大师
长不过执念,短不过善变
展开
-
CSS3动画合集:(帧动画)(补间动画)(呼吸动画(由小到大)(由上到小)) 上
首先我们先了解animation这个属性的语法格式:语法:animation:动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向;关于几个值,除了名字,动画时间,延时有严格顺序要求其它随意. 第一:规定动画 @keyframes 动画名称 { from{ 开始位置 } 0% to{ 结束 } 100% } 比如下面的例子用来规定一个动...原创 2018-08-10 00:21:30 · 8043 阅读 · 0 评论 -
悬浮窗的解决方法
悬浮窗在很多网页里面都有使用,在小风车这里曾经也使用过.现在把遇到的悬浮窗问题都总结在本文.一 简单固定定位的悬浮窗1.1 这种悬浮窗一般悬浮在页面底部,比如:淘宝,京东等一直悬浮在页面的固定位置上.这种的做法很简单,我只需要给盒子一个固定定位即可.但是一定要提高盒子的层级,避免与页面上其他定位冲突.1.2 具体代码实现:/*给盒子一个固定的样式就可以了*/#scrollsidebar...原创 2018-10-07 16:50:52 · 2410 阅读 · 0 评论 -
锚点定位的三种解决方法
因为在项目中遇到锚点定位的问题,觉得有必要单独成文,来介绍锚点定位的解决办法。一 学习锚点定位之前的知识储备:1.1 #号的作用#代表网页中的一个位置。其右面的字符,就是该位置的标识符。比如,http://www.example.com/index.html#print就代表网页index.html的print位置。浏览器读取这个URL后,会自动将print位置滚动至可视区域。为网页位置...原创 2018-09-23 22:06:35 · 42714 阅读 · 3 评论 -
属性节点的操作(JS操作属性)(jQuery操作属性)(H5新增的属性操作)
首先,我们先搞清楚属性与属性节点是什么?属性: 在对象中,我们说属性就是对象存储的数据,或则说对象身上保存的变量就是属性。在CSS的样式中,因为它也是键值对的形式,所以我们也称CSS样式属性。操作属性的方法:1、点语法: 对象.属性 = 属性值; (赋值) 对象.属性 (取值)2、字符串语法: 对象[‘属性名称’] = 属性值; (赋...原创 2018-09-01 23:19:10 · 1560 阅读 · 0 评论 -
事件绑定,事件的冒泡与捕获,事件委托(具体分析)
在介绍事件的冒泡与捕获之前,我们先介绍为一个元素注册多个相同事件: 比如: 我们给一个盒子注册两次点击事件//可以给同名的事件,绑定多个事件处理程序 //语法:对象.addEventListener(参数1,参数2,参数3); //参数1:事件名(字符串),不要加on 例如:click 、 mouseover 、mouseout //参数2:事件处理程序(函...原创 2018-08-21 16:18:27 · 1885 阅读 · 0 评论 -
ES6中的extends方法,jQuery中的extend方法
最近在研究jQuery插件的时候,发现很多的插件里面都用到了extend方法,在这里我们就一起来研究一下这个方法。定义和用法: jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。注意: 1. 如果只为$.extend()指定了一个参数,则意味着参数target被省略。此时,target就是jQuery对象本身。通过这种方式,我们可以为全局对象j...原创 2018-08-24 01:28:11 · 3530 阅读 · 0 评论 -
冒险岛官网模拟之五利用PHP+jQuery实现游戏排行榜的制作(连更)
先看效果: 实现后代具体效果是这样的,如果我们直接用CSS+HTML书写的话,代码量是非常巨大的。为了简化我们的代码,所以我们采用从数据库里面获取内容的形式来精简我们的代码。具体流程:在代码中,我们只写了一个li标签,然后通过获取数据库里的数据(得到的是一个数组),将这个数组遍历出来生成对应的li标签盒子。而li标签就包含上图滑动展示出来的所有内容。所以我们的代码里面只需要一个li标...原创 2018-08-22 22:01:35 · 1717 阅读 · 0 评论 -
Demo登录框的可拖拽(原生、jQuery、H5托和放)三种办法实现
此处不考虑兼容性问题,因为在IE8及其以下的版本中不支持事件对象的page坐标系列。所以我们直接使用元素的page系列坐标。需求: // 1.点击登录按钮,让登录盒子显示在页面上,同时出现遮罩层 // 2.点击登录盒子的关闭按钮,登录盒子消失 // 3.登录盒子可拖拽思路分析:这里的重点是第三步登录盒子的可拖拽,具体思路如下图: 我们解决盒子拖拽的思路就...原创 2018-08-19 23:16:45 · 1501 阅读 · 0 评论 -
冒险岛2官网模拟具体教程之一工具的准备(详解)(连载)
第一步:因为我们没有UI提供的页面原图,所以我们需要自己在官网场面去截图,那么怎么截图呢? a: 用谷歌浏览器先打开冒险岛官网:http://mxd2.qq.com/main.htm b: 打开你想截图的网页,然后按下 F12(macOS 是 option + command + i)调出开发者工具,接着按「Ctrl + Shift + P」(macOS 是 command + Shift...原创 2018-08-08 19:46:00 · 877 阅读 · 0 评论 -
冒险岛2官网模拟之四自动轮播图(连载)
在官网的的轮播图: 具体的需求: 1、轮播图每间隔7秒滚动一次 2、每一次滚动下面的滚动条的样式发生相应的变化 3、有两个点击事件(官方/合作)点击之后切换到不同的轮播图;图中展示的官方对应的轮播图,切换到合作的时候也会出现与之对应的轮播图展示页HTML代码:<!DOCTYPE html>&amp原创 2018-08-16 00:24:37 · 382 阅读 · 0 评论 -
原生JS与jQuery中事件对象的坐标详解screenX/clientX/pageX/offsetX
首先我们先介绍什么是事件: 事件就是某一个对象在特定的时刻做了某一件事。比如:点击事件,当我点击了按钮后变触发了点击事件浏览器会做出相应的响应。那么事件有三大要素: 1、事件源:dom对象 2、事件类型:具体参照W3C的javas事件参考手册 3、事件响应:一般是一个函数,称之为事件处理函数原生JS注册事件的语法: //原生注册事件语法: documen...原创 2018-08-17 21:03:54 · 2220 阅读 · 0 评论 -
原生JS中的三大家族(offset/scroll/client)与jQuery中对应的方法
JS中的offset家族:一、offsetEWidth与offsetHeight:获取的是元素的实际宽高 = width + border + padding注意点: 1.可以获取行内及内嵌的宽高 2.获取到的值是一个number类型,不带单位 3.获取的宽高包含border和padding 4.只能读取,不能设置console.log ( box.offsetWi...原创 2018-08-12 23:21:03 · 6903 阅读 · 0 评论 -
冒险岛2官网模拟之三单击登录弹出登陆框的具体实现(连载)
登录框的设计的样式以及结构思路在样式中需要设置登录的unlogin盒子,以及登录框login-web盒子,最后写一个全局的cover-bg来做遮罩层.但是设置样式的时候将cover-bg设置为定位这样就可以让其脱标,不会影响页面的内容,同时也要将登录框的盒子设置为定位属性,但是它的层级一定比cover-bg的层级高,这样就可以让遮罩层显示在下面,登录框在上面的样式.HTML+CSS...原创 2018-08-14 17:38:27 · 418 阅读 · 0 评论