2019 年 12月 1 日随笔档案 - xiren88

2019年12月1日

摘要：重点css3的动画效果 (时间及偏移位置)设置和滚动监听位置的选择 HTML  <div class="section1"> <ul class=""> <li class="tt t1"><span class="cent1">骁龙855旗舰处理器</span> 阅读全文

posted @ 2019-12-01 17:59 xiren88 阅读(235) 评论(0) 推荐(0)

一阶段项目总结导航栏滚动监听固定

摘要： //导航栏操作 var hd = $(".header2").offset().top; $(window).scroll(function() { var hu = $(document).scrollTop(); // alert(hui); // console.log(hui); //con 阅读全文

posted @ 2019-12-01 17:51 xiren88 阅读(151) 评论(0) 推荐(0)

简单的 js手写轮播图

摘要： html: <div class="na1"> <div class="pp"> <div class="na"> <img class="dd" src="../img/shouji/1.jpg"> </div> <div class="na"> <img class="dd" src="../i 阅读全文

posted @ 2019-12-01 17:45 xiren88 阅读(281) 评论(0) 推荐(0)

HTML清楚塌陷问题

摘要： /* 清除浮动塌陷问题 */.clearfix:after { clear: both;} .clearfix:after,.clearfix:before { content: " "; display: table;} /* 清除浮动塌陷问题 */ .clearfix:after { clear 阅读全文

posted @ 2019-12-01 17:37 xiren88 阅读(243) 评论(0) 推荐(0)

一阶段项目总结之两张图片对比手写 jquery 也可以使用beer slider 插件

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../../public/jquery.min.js" type="text/javascript" charset="utf-8"></ 阅读全文

posted @ 2019-12-01 17:28 xiren88 阅读(285) 评论(0) 推荐(0)

一阶段项目总结之滚动监听回顶部

摘要： HTML代码：  <div class="jiantou"> <a>↑</a> </div> CSS代码： jiantou{ width: 40px; height: 40px; line-height: 40px; background: rgba(202,54,33,.7 阅读全文

posted @ 2019-12-01 16:31 xiren88 阅读(110) 评论(0) 推荐(0)

表单用jquery做输入脱离焦点进行正则验证

摘要：  <form class="form1" action="" method="get" onsubmit="return sub();"> <label></label> <input class="user-name user" type="text" placehol 阅读全文

posted @ 2019-12-01 16:22 xiren88 阅读(344) 评论(0) 推荐(0)

公告