前端小项目
文章平均质量分 60
初学C于晏
站在巨人的肩膀上
展开
-
0-1前端本地网页音乐播放器思路
使用工具:webstorm jQuery库 jQuery custom scrollbar插件使用知识:html,css,js,jQuery作品名称:前端网页音乐播放器(本地)编写过程:1:建文件夹、css、js、素材、连接库与相互连接到html中2:步骤主要点:html写元素布局,hover实现悬停高亮步骤主要点:css渲染与定位(相对与绝对)html:html实现后效果css:*{ margin: 0; padding: 0;}html,bo原创 2021-12-03 11:12:55 · 2865 阅读 · 1 评论 -
展示型商业网站制作
独立开发展示型商业网站(http://106.52.80.64)已上线测试过,可兼容移动端利用html,css,js语言编写框架与动效,涉及jQuery库,animate插件编写特效与界面滚动原创 2022-10-17 17:26:02 · 259 阅读 · 0 评论 -
绝地求生官网界面网页(pc端)
绝地求生官网思路1.实现效果2.效果与功能显示3.步骤*搭建基本结构(3)**工具条,导航条(1)**工具条,导航栏内部渲染(1)**第一屏全屏视频(5)**菜单条(关联页面)(2)*3.核心点,总结:1.实现效果2.效果与功能显示1.工具条(第一屏)、导航条(吸顶)、移入弹出图片(交互)2.菜单条(关联页面)3.滚动的页面(全屏)4.动效放大图片(交互)5.背景视频(全屏)6.扇叶图片显示(交互)3.步骤搭建基本结构(3) 利用fullpage插件,实现全屏滚动页面效果html:原创 2022-03-25 16:35:33 · 1128 阅读 · 2 评论 -
酷狗音乐的动效界面(移动端)
酷狗音乐的动效界面(移动端)如何使用swiper:详细步骤:实现效果:制作回忆提示:1.swiper是纯JavaScript打造的滑动特效插件,面向pc、平板等移动终端。2.能实现触碰焦点图、触碰tab切换的常用特效3.swiper开源、免费、稳定、功能强大,是架构移动端网站的重要选择!如何使用swiper:1.引入swiper对应的css和js文件2.按照框架需求搭建三层结构3.创建一个swiper对象,将容器元素传递给 详细步骤:提示:这里填写问题的分析:例如:Han原创 2022-01-05 15:37:09 · 830 阅读 · 2 评论 -
0-1前端在线网页微博思路
实现效果与思路:效果:1.再次刷新页面,服务器已经保存,再次刷新读取服务器信息继续渲染2.实现翻页效果,通过关闭再次开启,仍保存着点赞,删除等信息思路:用户访问网页,就是访问网页服务器。此项目利用wampserver软件将本 机搭建成一个服务器。访问也就是从本机文件地址栏访问。 工具,知识点工具:phpstorm,wampserver,知识:jQuery库,html,css,js知识,jQ-Ajax步骤与思路: html<!DOCTYPE html&原创 2021-12-14 16:00:50 · 1072 阅读 · 0 评论