随笔分类 -  jquery

用window.navigator.userAgent来区分设备和浏览器
摘要:javascript的navigator对象 navigator为Window对象的一个属性,指向了一个包含浏览器相关信息的对象。navigatot中包含了一些常用到的属性,如 navigator.appVersion 浏览器的版本号 navigator.appName 浏览器的名称 navigat 阅读全文

posted @ 2020-05-11 19:50 dawn888 阅读(1226) 评论(0) 推荐(0) 编辑

jquery拆分数组,按分页输出
摘要:以下是全部代码,实现点击上一页和下一页输出分页内容: <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>jquery拆分数组,按分页输出</title> <script src="js/jquery.m 阅读全文

posted @ 2020-05-11 10:37 dawn888 阅读(855) 评论(0) 推荐(0) 编辑

jquery判断我在网页中的楼层位置
摘要:以下是全部代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <ti 阅读全文

posted @ 2020-05-11 10:34 dawn888 阅读(235) 评论(0) 推荐(0) 编辑

jquery中对小数进行取整
摘要:var uu=Math.floor(5.36) 向下取整 结果为5 var uu=Math.floor(5.88) 结果为5 Math.ceil(5.33) 向上取整,结果为6 Math.round(5.55) 四舍五入 结果为6 math.round(5.22) 结果为5 对多位小数进行四舍五入 阅读全文

posted @ 2020-05-09 13:56 dawn888 阅读(329) 评论(0) 推荐(0) 编辑

前端算法之弹幕设计
摘要:大家都说前端写页面较多,几乎用不到算法。本文愿从弹幕设计这个场景来描述算法在前端中的应用,我们先来看下实现效果: 图1.1 弹幕效果 开场之前我们先来描述弹幕开发的难度,再集中精力描述算法设计的思路。 如何保证不同字号的弹幕不碰撞 弹幕的位置计算 弹幕的速度控制及动画实现 弹幕与视频的同步 如何保证 阅读全文

posted @ 2020-04-27 18:22 dawn888 阅读(657) 评论(0) 推荐(0) 编辑

弹幕的三个关键要点
摘要:若干年前,为了看一些已经下架的老番的弹幕(主要是Q娃),写过一个弹幕转字幕的工具 https://github.com/otakustay/danmaku-to-ass​github.com 现在回头看看,代码的质量不怎么样,不过有一些算法是可以用的 弹幕的移动 弹幕的基本属性就2个,内容+出现时间 阅读全文

posted @ 2020-04-27 17:21 dawn888 阅读(640) 评论(0) 推荐(0) 编辑

移动端页面弹幕小Demo实例说明
摘要:写在前面:尝试做了一下弹幕的实例,欢迎提出并指正问题 问题说明:Demo中页面展示如下图所示: 如果图片挂了,请看文字说明: 简单的说弹幕只完成了一个功能,从右向左缓慢移动 Demo中所涉及到的文字参数说明如下: 行走translateX= 屏幕宽度+弹幕宽度 + 70行走时间:屏幕宽度/50(初始 阅读全文

posted @ 2020-04-20 13:58 dawn888 阅读(248) 评论(0) 推荐(0) 编辑

精彩的jquery弹幕效果
摘要:html页面如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http: 阅读全文

posted @ 2020-04-14 18:19 dawn888 阅读(309) 评论(0) 推荐(0) 编辑

Html5移动端弹幕动画实现示例代码
摘要:已知20条内容要有弹幕效果,分成三层,速度随机。 先来看看效果: 所以这里不考虑填写生成的。只是一个展现的效果。 如果要看填写生成的,请不要浪费Time 思路 把单个内容编辑好,计算自身宽度,确定初始位置 移动的距离是屏幕宽度 js动态的添加css动画函数,将高度、动画移动时间、动画延迟时间都用随机 阅读全文

posted @ 2020-04-14 08:00 dawn888 阅读(1176) 评论(0) 推荐(0) 编辑

ES6新特性箭头函数和常用function()对比
摘要:// 无参 var fn1 = function() {} var fn1 = () => {} // 单个参数 var fn2 = function(a) {} var fn2 = a => {} // 多个参数 var fn3 = function(a, b) {} var fn3 = (a, 阅读全文

posted @ 2020-04-10 17:53 dawn888 阅读(219) 评论(0) 推荐(0) 编辑

JavaScript实现简单的弹幕效果实例分析
摘要:不知大家有没有感受到,弹幕又是另一出好戏!! 不过我个人还是比较排斥看电视的时候被出来的弹幕打扰。今天我们来写一个简单的弹幕。简单到什么程度呢?看下效果: 由图可以看出,我们的呆毛html结构确实是非常简单啦。 就是由一个p、一个input框另加一个button组成。 <p id="box" cla 阅读全文

posted @ 2020-04-10 16:46 dawn888 阅读(630) 评论(0) 推荐(0) 编辑

从前端到后端实现弹幕的过程(jsp/Jquery.barrager.js)
摘要:Jquery.barrager.js插件,可以去网上下载!下载完后,就把下载文件中的js文件、css文件、图片文件、等等等文件全部拷贝到你们自己的项目中去,千万别拷贝漏了,如果你怕拷贝漏了什么,那就把所有的文件夹都拷贝到你自己的项目中去! 先看我们要做成什么样的效果:如下图 barrage.jsp页 阅读全文

posted @ 2020-04-10 15:23 dawn888 阅读(1209) 评论(0) 推荐(0) 编辑

解决弹幕之间的碰撞问题
摘要:第一次发博客有点小紧脏。事情开始于一周前,因为公司项目需要做一个弹幕展示的功能。室友给我推荐了一款弹幕 https://yaseng.org/jquery.barrager.js/ 插件。网站代码说的很详细,但是,是基于PHP端后台做的,作为一个PHP文盲,真的很无力,但是还好,大致能了解写的什么。 阅读全文

posted @ 2020-04-10 15:20 dawn888 阅读(678) 评论(0) 推荐(0) 编辑

解决Jquery中click里面包含click事件,出现重复执行的问题
摘要:出现问题的代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/ 阅读全文

posted @ 2020-03-27 13:09 dawn888 阅读(695) 评论(0) 推荐(0) 编辑

jquery的焦点图片无限循环关键思维
摘要:在循环的时候,关键的是按(下一页按钮)到最后一页的时候和按(上一页按钮)到到第一页的时候如何转换; 首先必须知道3个js方法,prepend()、append()和clone(); prepend() 方法在被选元素的开头(仍位于内部)插入指定内容。 append() 方法在被选元素的结尾(仍然在内 阅读全文

posted @ 2020-03-21 11:08 dawn888 阅读(118) 评论(0) 推荐(0) 编辑

Web三维编程入门总结之三:3D碰撞检测初探
摘要:自己动手写一个方法比分析他人的写的方法困难很多,由此而来的对程序的进一步理解也是分析别人的代码很难得到的。 一、先来几张效果图: 1、场景中有两个半径为1的球体,蓝色线段从球心出发指向球体的“正向” 2、物体被选中后改变纹理图片和透明度,可以使用“w、s、a、d、空格、ctrl”控制物体相对于物体的 阅读全文

posted @ 2020-03-09 18:07 dawn888 阅读(902) 评论(1) 推荐(0) 编辑

Web三维编程入门总结之二:面向对象的基础Web3D框架
摘要:本篇主要通过分析Tony Parisi的sim.js库(原版代码托管于:https://github.com/tparisi/WebGLBook/tree/master/sim),总结基础Web3D框架的编写方法。在上一篇的基础上,要求读者具有简短英文阅读或者查字典的能力。 限于水平和时间,本文难免 阅读全文

posted @ 2020-03-09 17:59 dawn888 阅读(753) 评论(0) 推荐(0) 编辑

Web三维编程入门总结之一:WebGL与Threejs入门知识
摘要:1 /*在这里对这段时间学习的3D编程知识做个总结,以备再次出发。计划分成“webgl与three.js基础介绍”、“面向对象的基础3D场景框架编写”、“模型导入与简单3D游戏编写”三个部分,其他零散知识以后有机会再总结。*/ 2 /*第一部分,webgl与three.js基础介绍,要求读者掌握Ja 阅读全文

posted @ 2020-03-09 15:58 dawn888 阅读(2604) 评论(0) 推荐(0) 编辑

Three.js三维模型几何体旋转、缩放和平移
摘要:创建场景中的三维模型往往需要设置显示大小、位置、角度,three.js提供了一系列网格模型对象的几何变换方法,从WebGL的角度看,旋转、缩放、平移对应的都是模型变换矩阵,关于矩阵变换内容可以观看本人博客发布的原生WebGL课程。 网格模型对象的旋转、缩放、平移等方法或属性可以查找three.js文 阅读全文

posted @ 2020-03-08 22:21 dawn888 阅读(4877) 评论(0) 推荐(2) 编辑

从3dMax导出供threeJS使用的带动作模型与加载
摘要:评论区发现的建议,最近没空测试,先贴这 还有好多人说找不到插件的 https://pan.baidu.com/s/1Q5g0... 密码:b43e 。 应该是他们现在只是维护blender,只有这个的插件,不如改用blender? 在自己做的一个小玩意中,发现要从3dMax中导出js文件供给thre 阅读全文

posted @ 2020-03-08 22:13 dawn888 阅读(3031) 评论(0) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示