2019年5月30日
渐变略过效果
摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文
posted @ 2019-05-30 14:56 硕果累累~ 阅读(72) 评论(0) 推荐(0) 编辑
页面头部banner动画效果
摘要： <style>.gofirst_w1920{ height:825px; overflow:hidden; background:url(http://img14.360buyimg.com/cms/jfs/t5047/174/1365291527/300533/83ca39e1/58f03b5eN 阅读全文
posted @ 2019-05-30 14:46 硕果累累~ 阅读(575) 评论(0) 推荐(0) 编辑
小三角
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .triangle{ width: 247px; height: 55px; position: relative 阅读全文
posted @ 2019-05-30 14:32 硕果累累~ 阅读(441) 评论(0) 推荐(0) 编辑
监测屏幕宽度
摘要： <!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body> </body></html><script> function client() { if(window.innerWidth != null) 阅读全文
posted @ 2019-05-30 14:26 硕果累累~ 阅读(250) 评论(0) 推荐(0) 编辑
开关效果
摘要： <style> /*关闭状态*/.news_box{width:100%;height:2rem;margin-bottom:15px;}.dashDiv{ float: right; border-radius: 1rem; background-color: #cbcbcb; width: 3. 阅读全文
posted @ 2019-05-30 14:23 硕果累累~ 阅读(119) 评论(0) 推荐(0) 编辑
高级轮播
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, 阅读全文
posted @ 2019-05-30 14:17 硕果累累~ 阅读(201) 评论(0) 推荐(0) 编辑
手机端跳转页面指定楼层
摘要： <button id="btn">跳转</button><script>function urlParse (queryStr) { let arr = queryStr.slice(1).split('&'); let map = {}; arr.forEach(item => { let par 阅读全文
posted @ 2019-05-30 14:00 硕果累累~ 阅读(357) 评论(0) 推荐(0) 编辑