SunnyKoji-优快云博客

原创 js判断两个数组内容是否相同，不包含顺序

judgeResultFun: function (arr1, arr2) { let flag = true if (arr1.length !== arr2.length) { flag = false } else { arr1.forEach(item => { ...

2019-07-29 17:52:11 6255

原创 iOS横屏重载

var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 if (!isAndroid) { addEventListener('orientationchange', function () ...

2019-07-29 17:51:25 279

原创 json数据按照某一个相同键值进行分类成一个新的二维json数组

var map = {}, jobarr = []; for (var i = 0; i < jobs.length; i++) { var ai = jobs[i]; if (!map[ai.dep]) { jobarr.push({ dep: ai.dep, ...

2019-07-29 17:50:27 1093

原创 js 游戏背景无限滚动

<div class="bgbg adownbg"> <img src="images/long.jpg" /> <img src="images/long.jpg" style="margin-top: -1px" /></div>.adownbg{ -webkit-animation-name: adownbg; ...

2019-07-29 17:48:49 1107

原创 js 跑马灯抽奖

<div class="animate delay0p5" animate-name="agz" style="width: 80%;margin: 0 auto;margin-top: -30px"> <img load-src="images/jp/1.png" alt="" class="fl kk k1 cicle"> ...

2019-07-29 17:47:10 1070

原创 js 重力感应

if (window.DeviceMotionEvent) { var handler = function() { var jl = 0; var gamma = event.gamma; if ((gamma ...

2019-07-29 17:44:43 2277

原创 js鼠标跟随鼠标事件

// 绑定鼠标事件 $(".p5-3")[0].addEventListener('touchstart', function(evt) { var touch = evt.touches[0]; thisX = touch.pageX-$(".p5-3").width()/2; ...

2019-07-29 17:43:20 760

原创阿里全频视频播放js

2019-07-29 17:41:45 960

转载 js控制audio

/*html代码部分*/ <a href="javascript:void(0);" onclick="getCurrentTime('firefox');">获取播放时间</a><a href="javascript:void(0);" onclick="playOrPaused('firefox',this);">播放&lt...

2015-10-27 13:28:40 4005

转载 html响应式布局教程

第一步：在网页代码的头部，加入一行viewport元标签[html] view plaincopyprint?meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度，上面这行代码的意思是：网页宽度默认等于屏幕宽度（width=devi

2015-10-27 13:27:30 1917

原创 JS判断URL尾缀格式

var f = function(e) { if (!e || typeof e != 'string') return null; e = e.split('.'); e = e[e.length - 1]; var a = ['cd', 'ogg', 'mp3', 'asf', 'wma', 'wav', 'mp3pro', 'rm', 'real',

2015-10-27 13:24:38 2912

原创 CSS动画animate.css动画效果全集中文解释

使用方法$('.aaa').addClass('animated bounce');bounce 弹跳，反弹，弹起flash 闪现，一瞬间，反射pulse 跳动，脉冲，脉跳rubberBand 橡皮圈，橡皮带shake

2015-10-27 13:22:41 3194

原创 js阻止事件冒泡

.阻止事件冒泡，$(function(){ $(".aaa").click(function(){ $(this).addClass("Add_class_img").siblings().removeClass("Add_class_img"); $('.upload_img').hide(); $(this).children()

2015-10-27 13:20:38 575

转载 JS实现自动倒计时30秒后按钮才可用

setTimeout function（），JS实现自动倒计时30秒后按钮才可用

2015-10-27 13:17:54 3167

原创 jq获取图片的地址赋值给另外一个元素

js切换图片，点击切换图片

2015-10-27 13:16:32 4745

转载 JS/JQ控制音频的播放和暂停

JS控制音频的播放和暂停，

2015-10-27 12:04:50 26576

转载使用jQuery播放/暂停 HTML5视频

我尝试用jQuery控制HTML5视频，两个视频分别在两个tab中，我希望点中tab后，该tab里的视频可以立即播放，而另外tab里的视频能够停止。我的代码是这样的： $('#playMovie1').click(function(){ $('#movie1').play(); });但发现这样不行，而用以下的js是可以的：docu

2015-10-27 11:59:32 16533