- 博客(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
6058
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
383
原创 javascript--7选中文字弹出提示
选中文字弹出提示 一、效果： 1.选中文字，弹出提示 2.点击空白区域，隐藏弹出框 3.点击文字弹起时，提示不会出现 二、js部分 1.选中文字，弹出提示-------onmouseup事件 2.如果没有选中，鼠标弹起时，不执行操作函数-----选中文字getSelection() ，在对文字进行判断 3.点击空白区域（除了提示框）------除了谁，就找谁的ev
2017-03-01 20:08:32
2035
原创 javascript--6点击空白处隐藏>>以遮罩层为例
点击空白处隐藏 ------ 以遮罩层为例 一、效果： 一个盒子，点击除了自己以外的任何一个地方，就会隐藏。 1.点击注册，显示遮罩层 和 登陆界面，滚动条消失 2.点击空白区域，隐藏遮罩和登陆界面 3.点击登陆界面，界面不动 二、body +css 三、
2017-03-01 19:35:21
839
原创 javascript--5检测屏幕宽度
检测屏幕宽度 1.效果 当屏幕宽度>960 ，背景为红色；当屏幕宽度大于640，小于960 ，背景为红色；当小于640 ，背景为蓝色 2.js部分 遇到问题： window.onresize = function() { 根据判断条件，变背景}； 这句话，只有调整大小，触碰窗口时才能 判断，以致于 一打开网页，不能判断，背景为白色 所以将这句话拆开 给func
2017-02-28 15:03:03
574
原创 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
544
原创 javaScript--3.封装自己的scroll
封装自己的scroll js部分 //封装自己的scrollTop scrollLeft 第一步：判断浏览器是否支持 // 第二步 var json = {left:10,top:10} 不用声明变量，直接return function scroll() { // 支持ie9+ 和其他浏览器（除了ie678） if(win
2017-02-27 13:42:26
276
原创 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
707
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人