摘要: rem.js文件 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = 阅读全文
posted @ 2020-11-25 23:57 小生不才。 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 随机色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>随机色</ 阅读全文
posted @ 2020-11-25 23:55 小生不才。 阅读(93) 评论(0) 推荐(0) 编辑
摘要: 瀑布流 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>瀑布式布局</title> </head> <style> *{ margin: 0; padding: 0; } ul,li{ list-styl 阅读全文
posted @ 2020-11-25 23:54 小生不才。 阅读(81) 评论(0) 推荐(0) 编辑
摘要: 面向对象创建一个简单的div var div = document.createElement('div'); div.style.width = '100px' div.style.height = '100px' div.style.background = '#ccc' document.bo 阅读全文
posted @ 2020-11-25 23:52 小生不才。 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 鼠标拖拽元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl 阅读全文
posted @ 2020-11-25 23:50 小生不才。 阅读(74) 评论(0) 推荐(0) 编辑
摘要: 将时间转化为农历时间 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> < 阅读全文
posted @ 2020-11-25 23:49 小生不才。 阅读(348) 评论(0) 推荐(0) 编辑
摘要: HTML代码: <div class="box"> <p class="text1" style="line-height: 20px;">cross-fade中的透明度值是只作用于后面一张图片上!</p> <div class="text2"></div> </div> <div class="b 阅读全文
posted @ 2020-11-25 23:45 小生不才。 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 因为只是展示的效果,内容需要自己添加一下撑开浏览器的高度以达到可滚动效果! html代码: <div class="dingbu2" style="width: 100px; height: 100px; background: #ccc;"></div> CSS代码: .dingbu2{displ 阅读全文
posted @ 2020-11-25 23:41 小生不才。 阅读(96) 评论(0) 推荐(0) 编辑
摘要: HTML代码: <div class="img"> <div class="whole"> <div class="roll-img"> <span class="last"><</span> <ul id="ul"> <li class="left"><img src="./img/1.png" 阅读全文
posted @ 2020-11-25 23:36 小生不才。 阅读(279) 评论(0) 推荐(0) 编辑
摘要: HTML代码: <div class="slider-bar"> <ul> <li>头部区域</li> <li class="current">导航区域</li> <li>第一部分</li> <li>第二部分</li> <li>第三部分</li> <li>底部区域</li> </ul> </div> 阅读全文
posted @ 2020-11-25 23:27 小生不才。 阅读(99) 评论(0) 推荐(0) 编辑