dawn888 - 博客园

移动端页面弹幕小Demo实例说明

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

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

移动端手写下拉刷新

摘要： codepen F12开启浏览器手机模拟器，在顶部鼠标按住移动思路使用touchstart、touchmove、touchend三个事件来监听触摸事件使用getBoundingClientRect()API来判断当前dom是否在顶部(之前使用document.body.scrollTop并不行阅读全文

posted @ 2020-04-20 10:39 dawn888 阅读(488) 评论(0) 推荐(1)

按不同通道加载不同弹幕数据的实现方法

摘要：前言这个需求如题，大体上是将文章的评论数据，在文章的首图上面以弹幕的形式出现。当时在做这个需求的时候，花了挺多精力的，踩了很多坑，现将弹幕的实现思路写出来，如果喜欢的话可以点波赞/关注，支持一下，希望大家看完本文可以有所收获。实现原理：实现弹幕的原理，并不算太复杂，耗费一些时间，怼一怼应该都可阅读全文

posted @ 2020-04-20 10:30 dawn888 阅读(268) 评论(0) 推荐(0)

php+ajax实现拖动滚动条分批加载请求加载数据

摘要： HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://ww 阅读全文

posted @ 2020-04-16 14:34 dawn888 阅读(583) 评论(0) 推荐(0)

Jquery+php鼠标滚动到页面底部自动加载更多内容,使用分页

摘要： 1.index.php <style type="text/css"> #container{margin:10px auto;width: 660px; border: 1px solid #999;} .single_item{padding: 20px; border-bottom: 1px 阅读全文

posted @ 2020-04-16 14:27 dawn888 阅读(617) 评论(0) 推荐(0)

jQuery+ajax实现滚动到页面底部自动加载图文列表效果

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文

posted @ 2020-04-16 14:26 dawn888 阅读(622) 评论(0) 推荐(0)

ajax按楼层加载数据

摘要：代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>ajax按楼层加载数据</title> <style> * { box-sizing: border-box; outline: none; } .head{ widt 阅读全文

posted @ 2020-04-16 10:02 dawn888 阅读(234) 评论(0) 推荐(0)

animation-play-state 在 ios 中不生效的解决办法（JS篇）

摘要：我们要实现动画的播放和暂停，animation-play-state 在安卓端可以使用，但是在 ios 中不起作用，这时可以使用 js 来实现相同效果。原理通过 js 获取当前元素的 transform 属性，通过添加、移除 class 实现 animation 动画。由于移除 animati 阅读全文

posted @ 2020-04-15 18:32 dawn888 阅读(758) 评论(0) 推荐(0)

ios 中使用 animation-play-state: paused 属性失效的问题

摘要：前言因为要做一个播放器的播放图片旋转动画，像这样子当音乐播放就转动，停止就暂停。开始于是很自然地想到了使用Css3的 animation 动画属性CSS3 animation（动画）属性 animation-name 指定要绑定到选择器的关键帧的名称animation-duration 动画阅读全文

posted @ 2020-04-15 18:26 dawn888 阅读(586) 评论(0) 推荐(0)

php get接口，并在浏览器中以json格式返回查找到的数据

摘要： php查询数据有6个步骤，分别为：连接数据库服务器，使用的命令为：mysql_connect("服务器名称","用户名","密码") 选择数据库，使用的命令为：mysql_select_db("数据库的名称[可选的资源号，也就是第一步的变量名 $conn]") 执行sgl语句，使用的命令为：mys 阅读全文

posted @ 2020-04-14 20:14 dawn888 阅读(1316) 评论(0) 推荐(0)