前端经验总结
乌龟不背壳
小白
展开
-
js实现翻页
实现功能:新闻栏目切换、根据发布年份查询新闻、翻页效果截图:html:<div class="channelNews clearfix mt60 content2"> <div class="chanJdalTit clearfix"> <!--新闻栏目标题,对应新闻动态、党建工会、学术活动部分--> <ul class="chanJdalTitLCon clearfix fl"> <channellis原创 2020-10-31 11:30:18 · 1616 阅读 · 0 评论 -
js鼠标滚动导航置顶悬浮
$(function(){ var nav=$(".pcHeader"); //得到悬浮置顶的导航对象 var win=$(window); //得到窗口对象 var sc=$(document); //得到document文档对象 var bannerHeight=$(".banner").height(); //得到滚动对比的banner高度 win....原创 2019-12-04 11:59:29 · 369 阅读 · 0 评论 -
fullpage滑屏最后一屏不全屏解决办法
fullpage官网:http://fullpage.81hu.com/官网下载jquery.fullpage.css和jquery.fullpage.js,按照官网的写好代码,如果想实现最后一屏不全屏,而是紧跟上一屏,可在最后一屏加上class fp-auto-height即可实现...原创 2019-11-29 14:55:15 · 1424 阅读 · 0 评论 -
js辨别浏览器(全)
参考链接:http://passer-by.com/browser/作者的github:https://github.com/mumuy/browser原创 2019-11-23 17:20:49 · 760 阅读 · 0 评论 -
通过CSS实现颜色渐变
通过CSS实现颜色渐变转载 2016-12-10 10:37:31 · 710 阅读 · 0 评论 -
url中的hash解读
参考链接https://www.cnblogs.com/joyho/articles/4430148.html1.#的含义#代表网页中的一个位置,其右边的字符,就是该位置的标识符。比如http://www.example.com/index.html#print就是代表index.html中的print位置。浏览器会自动把print位置滚动到页面可视区域内。设置方法:step...转载 2019-01-27 14:41:11 · 610 阅读 · 0 评论 -
css笔记
1、背景渐变透明background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0.4) 98%, #888 100%);2、清除input默认文字样式input::-webkit-input-placeholder {color: #fff;...原创 2019-05-09 14:28:02 · 224 阅读 · 0 评论