css
文章平均质量分 55
vernin
这个作者很懒,什么都没留下…
展开
-
网页版创意简历
介绍又到了毕业季了,突然想起了那一年的高考作文题《你们再看看书,我再看看你们》。每次毕业都要对面新的选择,每次都是很迷茫,不知道自己该何去何从。希望我们不负青春,展望未来。愿每个人都能学有所成、业有所获。这个简历,是由两个页面构成,他们是横着排的,鼠标滚动的时候页面会横向滚动。这里用到阿里的iconfont图标,我用link连接css样式,所以复制代码的话,图标不会显示在页面中,有需要的话可以私信我哦!!先看效果图吧~~完整代码<!DOCTYPE html><html原创 2021-06-15 15:45:04 · 366 阅读 · 0 评论 -
js实现标题文字向上轮播
效果图代码原创 2021-05-24 14:19:19 · 366 阅读 · 0 评论 -
CSS3闪动广告牌
今天来实现一个闪动广告牌,实现这案例只需要用到css3的动画:@keyframes,非常简单。老样子,先看看效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=.原创 2021-05-16 13:06:52 · 368 阅读 · 0 评论 -
10行js代码实现二级菜单
效果代码内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit原创 2021-05-10 20:22:57 · 236 阅读 · 0 评论 -
HTML+CSS 仿NASA首页(期末考试项目)
前言这是我在大一期末考试的一个项目,一共有一张主页和两张子页。当时老师让我们自己做一个个人网页或者模仿一个网站其中的两到三个页面来作为期末考试内容。这个小项目非常适合像我一样的初学者来试手。来吧,展示首页(index.html)代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>NASA</title> <link rel="s原创 2021-04-28 15:02:36 · 1354 阅读 · 0 评论 -
javascript进度条(js实例)
利用javascript模拟下载进度条,可以防止重复点击。思路:用两个div嵌套,开始时,初始时里面的div宽度为0,当点击下载时,让里面的div宽度一直+1,当加到100时停止。完成下载!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2021-04-26 21:16:06 · 1664 阅读 · 0 评论 -
使用css3实现简单的轮播图
利用css3做简单的轮播图轮播图广泛出现在购物等网站上,下面我们利用css3做简单的轮播图。看效果HTML代码 <div class="container"> <div class="images"> <img src="gtr.jpg"> <img src="evo.jpg"> <img src="sti.jpg"> </div> </div>css代码.container{原创 2020-07-21 20:57:20 · 928 阅读 · 0 评论