2019年2月18日
jquery 往上滚动的时显示，上下滚动执行的js
摘要： $(document).on("mousewheel DOMMouseScroll", function (e) { var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // 阅读全文
posted @ 2019-02-18 17:12 幻景 阅读(741) 评论(0) 推荐(0)
2019年2月15日
使用css把placeholder值渐渐消失
摘要： 复制过去就行了，不要问我为什么，就两个字爽快input:focus {outline: none; } input:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; tr 阅读全文
posted @ 2019-02-15 15:14 幻景 阅读(864) 评论(0) 推荐(0)
jquery a标签的锚点点击的时候页面上缓慢滚动
摘要： a标签增加一个名字触发效果： $(".transition").click(function(){ if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == 阅读全文
posted @ 2019-02-15 15:10 幻景 阅读(1410) 评论(0) 推荐(0)
2018年5月30日
使PC端网页宽度自适应手机屏幕大小
摘要： 有时候我们会纠结PC页面在手机页面上无法正常显示，超出屏幕，有些内容看不到，现在又了下面的代码，可以做到自适应手机端的屏幕宽度： 在html的<head>中增加一个meta标签： <meta name=”viewport” content=”width=device-width, initial-s 阅读全文
posted @ 2018-05-30 21:57 幻景 阅读(4199) 评论(0) 推荐(1)
2018年5月22日
图片左边点击，右边大图展示
摘要： css样式：*{ margin: 0; padding: 0; text-decoration: none; list-style: none;}html,body{ width: 100%; height: 100%;}img{ width: 100%; height: 100%; display 阅读全文
posted @ 2018-05-22 19:39 幻景 阅读(419) 评论(0) 推荐(0)
2017年11月14日
css定位 双飞翼
摘要： <!doctype html><html><head><meta charset="utf-8"><title>双飞翼</title><style>.top{ position:fixed; height:100px; background-color:#F09; left:10px; right: 阅读全文
posted @ 2017-11-14 14:41 幻景 阅读(119) 评论(0) 推荐(0)