- 博客(10)
- 收藏
- 关注
RSS订阅原创 手机端--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
5918
1
原创 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
334
原创 javascript--7选中文字弹出提示
选中文字弹出提示一、效果：1.选中文字，弹出提示2.点击空白区域，隐藏弹出框3.点击文字弹起时，提示不会出现二、js部分1.选中文字，弹出提示-------onmouseup事件2.如果没有选中，鼠标弹起时，不执行操作函数-----选中文字getSelection() ，在对文字进行判断3.点击空白区域（除了提示框）------除了谁，就找谁的ev
2017-03-01 20:08:32
1893
原创 javascript--6点击空白处隐藏>>以遮罩层为例
点击空白处隐藏 ------ 以遮罩层为例一、效果：一个盒子，点击除了自己以外的任何一个地方，就会隐藏。1.点击注册，显示遮罩层 和 登陆界面，滚动条消失2.点击空白区域，隐藏遮罩和登陆界面3.点击登陆界面，界面不动二、body +css三、
2017-03-01 19:35:21
797
原创 javascript--5检测屏幕宽度
检测屏幕宽度1.效果当屏幕宽度>960 ，背景为红色；当屏幕宽度大于640，小于960 ，背景为红色；当小于640 ，背景为蓝色2.js部分遇到问题：window.onresize = function() { 根据判断条件，变背景}；这句话，只有调整大小，触碰窗口时才能 判断，以致于 一打开网页，不能判断，背景为白色所以将这句话拆开 给func
2017-02-28 15:03:03
513
原创 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
490
原创 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
245
原创 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
657
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人