河南做网站的,阿里云机器怎么做网站,网站企业案例,免费网站定制#x1f345; 作者主页#xff1a;Java李杨勇 #x1f345; 简介#xff1a;Java领域优质创作者#x1f3c6;、【java奥斯卡】公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我#xff0c;都给你】 #x1f345; 文末获取源码联系 #x1f345; 临近期末,… 作者主页Java李杨勇 简介Java领域优质创作者、【java奥斯卡】公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我都给你】 文末获取源码联系 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大网页要求的总数量太多HTML网页作业无从下手没有合适的模板等等一系列问题。你想要解决的问题在专栏 java项目精品实战案例《100套》https://blog.csdn.net/weixin_39709134/category_11128297.htmlhttps://blog.csdn.net/weixin_39709134/category_11128297.html web前端期末大作业网页实战《100套》https://blog.csdn.net/weixin_39709134/category_11374891.htmlhttps://blog.csdn.net/weixin_39709134/category_11374891.html 常见网页设计作业题材有 个人、 美食、 公司、体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目, A水平作业, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTMLCSSJS页面设计, web大学生网页设计作业源码这是一个不错的响应式艺术培训机构网页设计制作画面精明非常适合初学者学习使用。 B站视频演示 web前端期末大作业-响应式婚庆公司网页设计.mp4 网页实现截图文末获取源码 网站首页 公司简介
合作交流 旗下业务 企业项目 联系我们 主要源码展示 index.html nav classnavbar navbar-default navbar-fixed-topdiv classcontainerdiv classnavbar-headera hrefimg src./files/logo.png classlogo alt翰墨堂书画/a /divdiv idnavbar classnavbar-collapse collapsediv classrow dhdiv classcol-xs-12 col-sm-12 col-md-12ul classnav navbar-nav navbar-nav-cli classactive idnv0a href#sy 首 页/a /lili classdropdown idnv1a href#gsjj title关于我们公司简介/a/lili classdropdown idnv2a href#hzjl2 title合作交流合作交流/a/lili classdropdown idnv3a href#yewu-1 title旗下品牌业务旗下品牌业务/a/lili classdropdown idnv4a href#qyxm title企业项目企业项目/a/lili classdropdown idnv5a href#lxwm title联系我们联系我们/a/li/ul/div/div/div!--/.nav-collapse --/div/nav/headerscript typetext/javascript$(.bxslider).bxSlider({adaptiveHeight: true,infiniteLoop: false,hideControlOnEnd: true,auto: true});/scriptdiv idgsjjdiv classcontainer aboutusdiv classrowdiv classcol-xs-12 col-sm-12 col-md-6 jianjieh2公司简介/h2p classpjj/pp classptm北京XXXX文化传播有限公司/pp classabout_contents北京XXXX文化传播有限公司成立于2014年br/ 是一家专业从事艺术品交易、艺术品拍卖、艺术品收藏br/ 艺术培训艺术策划艺术类会议会展、艺术高级研修班、br/ 艺术家形象宣传、艺术家合作推广、艺术市场运作、br/ 中外艺术文化交流的综合型艺术品服务公司。br//pp/p/divdiv classcol-xs-12 col-sm-12 col-md-6img src./images/1551343051.jpg alt公司简介/div/div/div/div
css样式实现 img {width: 100%}#container0 {display: block;}#container1 {display: none;}media only screen and (max-width: 738px) {#container0 {display: none;}#container1 {display: block;}.swiper-wrapper img {width: 100%;}.swiper-container-horizontal.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {position: relative;bottom: 0;}.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.5);margin-top: 52px;}.swiper-slide-active,.swiper-slide-duplicate-active {transform: scale(1.3) !important;margin-top: 50px;}.xlb {width: 30px;}/* .swiper1{overflow: initial !important;}*/}
javaScript实现
script$(document).ready(function() {$(#nv0).click(function() {$(html, body).animate({scrollTop: $(#sy).offset().top - 80 px}, {duration: 500,easing: swing});return false;});$(#nv1).click(function() {$(html, body).animate({scrollTop: $(#gsjj).offset().top - 80 px}, {duration: 500,easing: swing});return false;});$(#nv2).click(function() {$(html, body).animate({scrollTop: $(#hzjl2).offset().top - 90 px}, {duration: 500,easing: swing});return false;});$(#nv3).click(function() {$(html, body).animate({scrollTop: $(#yewu-1 ).offset().top - 60 px}, {duration: 500,easing: swing});return false;});$(#nv4).click(function() {$(html, body).animate({scrollTop: $(#qyxm).offset().top - 90 px}, {duration: 500,easing: swing});return false;});$(#nv5).click(function() {$(html, body).animate({scrollTop: $(#lxwm).offset().top - 50 px}, {duration: 500,easing: swing});return false;});});/scriptscript// 这里官网上有你想要的平滑的轮播样式var mySwiper new Swiper(.swiper1, {/* loop: true,pagination: {el: .swiper-pagination,clickable :true,},autoplay:{delay:3000,disableOnInteraction:false},*/slidesPerView: 2,spaceBetween: 10%,centeredSlides: true,loop: true,pagination: {el: .swiper-pagination,clickable: true,},freeMode: true,autoplay: {delay: 1000,disableOnInteraction: true},});/script作品来自于网络收集、侵权立删 获取完整源码 大家点赞、收藏、关注、评论啦 、查看下方微信公众号免费获取 打卡 文章 更新 102/ 365天 专栏推荐阅读 java项目精品实战案例《100套》https://blog.csdn.net/weixin_39709134/category_11128297.htmlhttps://blog.csdn.net/weixin_39709134/category_11128297.html web前端期末大作业网页实战《100套》https://blog.csdn.net/weixin_39709134/category_11374891.htmlhttps://blog.csdn.net/weixin_39709134/category_11374891.html 好了今天就到这儿吧小伙伴们点赞、收藏、评论一键三连走起呀我们下期见~