w3cgirl-CSDN博客

原创手机端--1.手指拖动touchmove，e.touches[0].clientX

案例：图片可以随着手指的拖动而变动1.e.touches[0].clientX 手指横坐标2. 最后所求： nowX, nowY 图片的横纵坐标 nowX = 手指横坐标 - 误差3. 已知条件：误差 deltaX = 手指横坐标 - nowX (一开始给个初始值) deltaX 固定手指初始按下与手指移动的过...

2018-11-19 16:27:27 5637 1

原创 jQuery--1省市选择

省市选择1.效果图2.jQuery

2017-03-12 19:10:09 389

原创 javascript--8缓动动画框架>>>手风琴为例

缓动动画框架 ---- 手风琴为例1.效果2.缓动动画框架/** * Created by andy on 2015/11/22. */// 多个属性运动框架添加回调函数function animate(obj,json,fn) { // 给谁 json clearInterval(obj.

2017-03-04 19:33:40 310

原创 javascript--7选中文字弹出提示

选中文字弹出提示一、效果：1.选中文字，弹出提示2.点击空白区域，隐藏弹出框3.点击文字弹起时，提示不会出现二、js部分1.选中文字，弹出提示-------onmouseup事件2.如果没有选中，鼠标弹起时，不执行操作函数-----选中文字getSelection() ，在对文字进行判断3.点击空白区域（除了提示框）------除了谁，就找谁的ev

2017-03-01 20:08:32 1639

原创 javascript--6点击空白处隐藏>>以遮罩层为例

点击空白处隐藏 ------ 以遮罩层为例一、效果：一个盒子，点击除了自己以外的任何一个地方，就会隐藏。1.点击注册，显示遮罩层和登陆界面，滚动条消失2.点击空白区域，隐藏遮罩和登陆界面3.点击登陆界面，界面不动二、body +css三、

2017-03-01 19:35:21 738

原创 javascript--5检测屏幕宽度

检测屏幕宽度1.效果当屏幕宽度>960 ，背景为红色；当屏幕宽度大于640，小于960 ，背景为红色；当小于640 ，背景为蓝色2.js部分遇到问题：window.onresize = function() { 根据判断条件，变背景}；这句话，只有调整大小，触碰窗口时才能判断，以致于一打开网页，不能判断，背景为白色所以将这句话拆开给func

2017-02-28 15:03:03 466

原创 javascript--4浏览器滑动效果之一屏滑动

浏览器滑动效果之一屏滑动1.效果图2.css部分注意：要让ul中的每个Li填充整个屏幕，首先要确保他的父辈们的宽高是满屏，即100%3.js部分点击ol中的第n个Li，屏幕滑动到ul中的n个li的位置，而第n个li的位置为他本身的offsetTop值4.body部分

2017-02-27 22:55:48 452

原创 javaScript--3.封装自己的scroll

封装自己的scrolljs部分 //封装自己的scrollTop scrollLeft 第一步：判断浏览器是否支持 // 第二步 var json = {left:10,top:10} 不用声明变量，直接return function scroll() { // 支持ie9+ 和其他浏览器（除了ie678） if(win

2017-02-27 13:42:26 216

原创 javascript--2.导航条>>缓动效果

导航条缓动效果1.效果图2.html布局注意：给ul加绝对定位的原因：2.js部分需要获取li的offsetLeft左边位置的值，获取offsetLeft时，他的父亲辈需要有定位1.云彩cloud应该放在ul下面，但实际情况：cloud定位后权重高于ul，cloud在ul上面3.JS部分原理：鼠标一经过，缓动的目标值target

2017-02-22 14:54:07 608

原创 javascript--1.缓动动画>>以轮播图为例

轮播图缓动动画带小圆点1.最终效果：2.JS部分：

2017-02-21 17:38:30 504

w3cgirl-赵娜的播客