摘要:
rem.js文件 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = 阅读全文
摘要:
随机色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>随机色</ 阅读全文
摘要:
瀑布流 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>瀑布式布局</title> </head> <style> *{ margin: 0; padding: 0; } ul,li{ list-styl 阅读全文
摘要:
面向对象创建一个简单的div var div = document.createElement('div'); div.style.width = '100px' div.style.height = '100px' div.style.background = '#ccc' document.bo 阅读全文
摘要:
鼠标拖拽元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl 阅读全文
摘要:
将时间转化为农历时间 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> < 阅读全文
摘要:
HTML代码: <div class="box"> <p class="text1" style="line-height: 20px;">cross-fade中的透明度值是只作用于后面一张图片上!</p> <div class="text2"></div> </div> <div class="b 阅读全文
摘要:
因为只是展示的效果,内容需要自己添加一下撑开浏览器的高度以达到可滚动效果! html代码: <div class="dingbu2" style="width: 100px; height: 100px; background: #ccc;"></div> CSS代码: .dingbu2{displ 阅读全文
摘要:
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" 阅读全文
摘要:
HTML代码: <div class="slider-bar"> <ul> <li>头部区域</li> <li class="current">导航区域</li> <li>第一部分</li> <li>第二部分</li> <li>第三部分</li> <li>底部区域</li> </ul> </div> 阅读全文