相关文章
html实现好看的导航主页(附源码)
文章目录 1.设计来源1.1 主界面1.2 底部导航1.3 屏幕保护 2.效果和源码2.1 动态效果2.2 源代码 源码下载 作者:xcLeigh 文章地址:https://blog.csdn.net/weixin_43151418/article/details/128028326 html实现好看的导航主页(附源码) html实现好看的导航主…
建站知识
2025/1/24 7:54:04
html 简单顶部导航栏top-bar实现 css+html
网站往往需要顶部导航栏,先看效果图 接下来是代码实现:
首先是css代码:
.top-bar {width: 100%;height: 50px;margin: 0;display: flex;
}
.box-top {width: 100%;min-width: 1350px;background-color: rgba(255,255,255,0.5);padding: 20p…
建站知识
2025/1/25 17:20:40
HTML5_京东首页(导航条、轮播部分)
1、导航部分
/*导航部分*/ /*210 40*/
#nav{height:40px;/* background-image:linear-gradient(0deg,#DE3435,#E44348); */background:url(../images/nav_bg.jpg);border:none;
}
#nav p{width:210px;height:40px;line-height:40px;text-indent:20px;color:#fff; …
建站知识
2025/1/3 14:49:26
前端学习——纯CSS实现动态翻转导航条
纯CSS实现动态翻转导航条
在学习动画的时候,一开始不知道写一个生命东西来进行学习,后来在网上看到了一些CSS实现的动画效果,觉得很酷炫,就在其中选了导航条来进行学习,导航条比较基础而且用的比较多,以后的学习也基本采用这种基础且广泛的进行学习。我也是学习的,所以…
建站知识
2025/1/3 14:51:33
小米商城(HTML5+CSS3版)
正在学习HTML5CSS3的小伙伴们如果想练手的话,可以先照着小米商城的网站敲。因为还没有学到JS,下面代码只实现了部分功能:
index:html
<!DOCTYPE html>
<html lang"en"><head><meta charset"…
建站知识
2025/1/26 1:59:27
前端HTML5十大新特性详细总结
前端HTML5十大新特性总结
一 必须知道
写前端的都知道,在代码最前面都有这一行代码,大家都知道一定要把这东西写上去。
<!DOCTYPE html>但是!这是什么玩意儿?为什么要写上去?不写上去会怎么样?很少人去注意到…
建站知识
2025/1/25 18:21:12
html5菜单左右滑动效果,html5 js手机版可横向滑动拖动的菜单
手机上当横向菜单项太多,而又想让它在一行内显示完,不如试一下如下效果。将代码直接写成html文件即可查看演示效果。手机版可横向拖动菜单 content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=…
建站知识
2025/1/13 20:28:36
html的flex布局 导航条 下拉框
代码放下了,jQuery自己引用本地的js ,记得改一下哦!<script type"text/javascript" src"../js/jquery-1.8.3.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset"utf-8"…
建站知识
2025/1/24 12:26:12