web前端|html教程
CSS圆形以及页面滑动效果（06月02日）
web前端-html教程
背景：因为看到很多页面有下图的效果，点击红线框部分，则页面滑动到另一个位置，查看页面的源码发现红线框部分是用CSS的圆角边框实现的，于是……
ueditor jar 源码,vscode选择注释快捷键,ubuntu装机花屏,tomcat打开错误日志,steam价格爬虫,php高级技术教程,长沙关键词seo优化排名lzw
上代码
微信点餐下单系统源码,ubuntu只有访客账户,tomcat怎么从新创建,scrapy爬虫遗漏,青云谱php培训班,x站seolzw
body{ margin:0px; padding:0px; background-color: #1f272a; } /*圆角效果的实现*/ .btn-dwn { /* 必填项 */ /*宽度和高度必须一致，才能保证是圆形*/ width: 58px; height: 58px; /*border-radius的属性值越大，圆形效果越明显*/ border-radius: 50%; /*设置边框大小、样式、颜色*/ border: 2px solid rgba(255,255,255,.15); /* 非必填项 */ color: rgba(255,255,255,.6); text-align: center; font-size: 18px; position: absolute; left: 50%; bottom: 60px; line-height: 58px; }//滑动效果 function scrollToTarget(D){ if(D == 1) // Top of page {D = 0; } else if(D == 2) // Bottom of page {D = $(document).height(); } else // Specific Bloc {D = $(D).offset().top; } $(html,body).animate({scrollTop:D}, slow); }
实现效果
易语言 视频播放器源码,pandas库vscode,怎么把文件放在ubuntu,tomcat全部重启,sqlite查询6条,jquery表格固定列插件,js前端框架笔记推荐,爬虫箱什么木材,win php下载,香港主机seo,城市分类企业网站源码,绿网页模板,整形医院网站源码dede模板,手机淘宝店铺主页面,35dir管理系统,作者程序模块1.0lzw
关于滑动
利用jQuery的动画效果实现，script脚本中的scrollToTarget方法可以实现滑动，照搬页面源码的，需要注意的是在页面中还需要有一个id为”core”的元素，点击按钮才会滑动至相应的位置
