硕果累累~

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 硕果累累~ 阅读(71) 评论(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 硕果累累~ 阅读(569) 评论(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 硕果累累~ 阅读(391) 评论(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 硕果累累~ 阅读(248) 评论(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 硕果累累~ 阅读(198) 评论(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 硕果累累~ 阅读(355) 评论(0) 推荐(0) 编辑

2018年6月20日

JS offsetTop、clientTop、scrollTop、offsetTop各属性介绍

摘要：本身的宽高,不包括border • clientWidth • clientHeight 本身的宽高,包括border • offsetWidth • offsetHeight 距离左侧和上部的距离,相对于窗口 • offsetLeft • offsetTop 获取可以滚动的宽度(不包括border 阅读全文

posted @ 2018-06-20 15:18 硕果累累~ 阅读(115) 评论(0) 推荐(0) 编辑

2018年5月3日

移动端js轮播

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m 阅读全文

posted @ 2018-05-03 15:05 硕果累累~ 阅读(145) 评论(0) 推荐(0) 编辑

2018年4月3日

文字超出用省略号代替

摘要： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html;charset=utf-8"> <meta name="viewport" content="width=device-width, in 阅读全文

posted @ 2018-04-03 11:38 硕果累累~ 阅读(208) 评论(0) 推荐(0) 编辑

公告