1.轮播图：<script src="jquery-1.8.3.min.js"></script><script> var index=0; var len=$(".banner .lt .top .left ul li").length; $(".banner .lt .top .l
转载
2017-08-13 19:19:22
549阅读
移动端介绍 //1 不用考虑兼容性问题 可以放心的使用原生JS //2 能用CSS3的就用c3//3 会有独特的地方 如触屏事件 一 触屏事件 1）常见事件 //1 touchstart 手指触摸事件 //2 touchmove 手指滑动事件 //3 touchend 手指移出事件 2）代码范例 <
转载
2021-03-02 21:58:00
165阅读
2评论
设置为首页和加入收藏夹①：在body标签内输入以下代码：<a onclick="this.style.behavior='url(#default#homepage)'; this.sethomepage('http://blog.csdn.net/an1090239782');"href="#">设为首页</a><span style="cursor: hand" onclick="windo
原创
2021-06-01 11:41:43
827阅读
1. 触屏事件1.1 触屏事件概述移动端浏览器兼容性较好，不需要考虑 JS 的兼容性问题。但是移动端也有自己独特的地方，比如触屏事件touch（触摸事件），Android 和 IOS 都有touch对象代表一个触摸点，触摸点可能是一根手指，也可能是一根触摸笔触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作常见的触屏事件：1.2 触摸事件对象（TouchEvent）TouchEvent是一类描
转载
2021-04-27 09:56:01
304阅读
2评论
1. 元素偏移量 offset1.1 offset 概述offset翻译过来就是偏移量，使用offset系列相关属性可以动态得到该元素的位置（偏移）、大小等获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）返回的数值都不带单位1.2 offset 系列常用属性1.3 offset 与 style 区别2. 元素可视区 client2.1 client 概述client翻译过来就是客户端
转载
2021-04-27 09:58:27
173阅读
2评论
1. 移动端常见特效click移动端300s延时解决方案原因：移动端双击屏幕会缩放禁用缩放<meta name="viewport" content="user-scalable=no" />利用touch事件自己封装这个事件 解决300ms延迟原理：（1）当我们手指触摸屏幕，记录当前触摸时间；（2）当我们手指离开屏幕， 用离开的时间减去触摸的时间；（3）如果时间小于150ms，并且没
转载
2021-03-16 19:38:22
235阅读
2评论
//3D晃动的特效 // CCActionInterval* shaky3D = CCShaky3D::create(5, CCSize(10, 10), 15, false); // sp->runAction(shaky3D); //3D瓷砖晃动特效 // CCActionInterval* shakyTiles3D = CCShakyTiles3D::create(5, CCSize(10, 10), 5, false); // sp->runAction(shakyTiles3D); //波动特效 // CCA...
转载
2014-04-01 12:43:00
145阅读
2评论
现在前端要想写出让用户体验很好的网站页面，可不仅仅是写静态页面这么简单，这个时候页面上的交互效果就很重要了，这能让用户体验更好。而现在前端能够实现的交互效果也是越来越炫酷，也越来越复杂。但是这些特效背后的形成机制却始终简洁优雅。下面就介绍几个js插件库。1.swiper.js（最常见的轮播插件）Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架，使用硬件加速过渡（如果该设备支持的话）。
隐藏、显示、切换，滑动，淡入淡出，以及动画效果演示
原创
2023-08-03 18:17:08
74阅读
一个Tab切换
特效的代码：HTML代码：<div class="tab">
<div id="tabsK">
<ul id="menu4">
<li onclick="settab(4,0)" class="hover"><a title="最新更新"><span>最新更新</span></a>&
目录动画animation关键帧的定义animation 和 transition 的区别animation属性简写动画案例蹦跳动画加载loading动画 动画animation通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。关键帧的定义不同于过渡动画只能定义首尾两个状态，关键帧动画可以定义多个状态，或者用关键帧的话来说，过渡动画只能
最好的编程语言是逻辑，前端各种交互特效的实现多能够用jquery实现。特效能够纷飞。内在逻辑则基本不变。这一篇文章主要介绍jquery实现常见特效背后的逻辑。
1.通过类名获取元素集合
首先来看一个js原生代码不支持的方法。通过类来获取元素集合。
document.getElementsByClassName=function(classname){
var
转载
2017-05-06 09:50:00
50阅读
动画在现代站点中最重要的用途之一是提供用户反馈和连续性。在用户进行交互时，内容应该明显变化，但变化应该平滑过渡，这样用户才可以直观地理解新旧状态的关系。 变换「变换」为元素提供了无限的可能性：位置可以改变 、大小也可以通过缩放 改变、还能旋转、斜切甚至 3D 变换。就是在某些场景下，开发者需要换一种思考方式，通过使用变换减少重排和重绘。透明度另外，透明度可变意味着开发者可以控
光学动作捕捉技术作为近些年飞速崛起的前沿技术，其最广为大众所知的应用场景仍为在许多好莱坞科幻大片的制作中，如电影《金刚》、《指环王》、《复仇者联盟》、《泰坦尼克号》、《阿凡达》等。动作捕捉演员在绿幕前进行一系列无实物表演，其动作被记录形成最终令人震撼的视觉特效。接下来将分为动作捕捉在影视动画特效制作中的优势、动作捕捉特效制作流程、以及实际应用案例介绍三个板块，分别进行光学动作捕捉应用于影视特效的详
转载
2023-07-04 11:51:12
211阅读
嘿嘿，虽然里面的特效都不是小码哥写的，不过，这个分享链接确实偶自己拿来分享给大家的，因此大家不要挑理儿说这个不是原创啦，嘎嘎实时更新，最全特效之jQuery特效：1、http://www.jq22.com/ &
原创
2014-11-03 16:25:14
1277阅读
jQuery提供一些特效方法来增强web页面人体验。 支持基本特效、淡入淡出特效、滑动特效、自定义特效。 基本特效 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <!DOCTYPE html>
原创
2021-07-14 10:30:05
209阅读
知识点CSS使用@keyframes自定义动画，使用animation调用自定义动画opacity 透明度。从 0.0 （完全透明）到 1.0（完全不透明）CSS中transformanimation-delay 属性定义动画何时开始。求屏幕尺寸var 宽 = document.documentElement.clientWidth;var 高 = document.document...
原创
2022-03-10 11:36:23
305阅读
知识点CSS使用@keyframes自定义动画，使用animation调用自定义动画opacity 透明度。从 0.0 （完全透明）到 1.0（完全不透明）CSS中transformanimation-delay 属性定义动画何时开始。求屏幕尺寸var 宽 = document.documentElement.clientWidth;var 高 = document.document...
原创
2021-09-01 09:54:25
436阅读
