html5 css3系列
无处安放的前端
爱编程 不爱bug
展开
-
js移动端无缝轮播图
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no"> <title>Title</title>...原创 2020-04-10 10:18:04 · 335 阅读 · 1 评论 -
html5_day2
一:多媒体: 常用方法:load() 加载、 play() 播放、 pause() 暂停 Jq没有提供对视频播放控件的方式,也就意味着如果要操作视频播放,必须使用原生的js方法—dom元素 常用属性: currentTime 视频播放的当前进度、 duration:视频的总时间 100000/60 paused:视频播放的状态. 常用事件: oncanplay:事件在...原创 2019-03-25 23:33:03 · 305 阅读 · 0 评论 -
css3系列
一:渐变: 渐变是CSS3当中比较丰富多彩的一个特性,通过渐变我们可以实现许多炫丽的效果,有效的减少图片的使用数量,并且具有很强的适应性和可扩展性。可分为线性渐变、径向渐变 1. linear-gradient 线性渐变指沿着某条直线朝一个方向产生渐变效果 语法:linear-gradient ( [<point> || <angle>,]? <stop>...原创 2019-03-30 12:03:24 · 207 阅读 · 0 评论 -
css3 实现 3d滚动轮播图 节流阀处理点击事件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0px; marg...原创 2019-03-30 17:28:51 · 1121 阅读 · 0 评论 -
css3系列
CSS3现状: 浏览器支持程度差,需要添加私有前缀(移动端) requestFullScreen webkitRequestFullScreen mozRequestFullScreen msRequestFullScreen oRequestFullScreen 2、移动端支持优于PC端 3、不断改进中 4、应用相对广泛 2.选择器 选择器: CSS3新...原创 2019-03-27 00:13:49 · 197 阅读 · 0 评论 -
canvas 绘制好看的背景
! function() { //封装方法,压缩之后减少文件大小 function get_attribute(node, attr, default_value) { return node.getAttribute(attr) || default_value; } //封装方法,压缩之后减少文件大小 function get_by_t...原创 2019-03-31 15:57:45 · 997 阅读 · 0 评论 -
JQuery stellar视察滚动 和 fullPage 全屏滚动插件的使用
Stellar.js(视差滚动是当用户滚动页面时,前景和背景以不同的速度移动,从而创造出3D效果。 这种效果可以给网站一个很好的补充,但如果滥用,就会很烦人。 有些完全由这种效果驱动的网站会让人觉得不优雅。 因为这种效果通常使用大图像做背景,网站资源大量增加,导致加载非常缓慢。http://markdalgleish.com/projects/stellar.js/ 官网) 引用 css js包...原创 2019-04-06 17:09:53 · 345 阅读 · 0 评论