2020年12月10日
html 在html文件中循环遍历数组并展示（2）
摘要： 用html文件实现一个简单的遍历数组并输出到页面上面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial 阅读全文
posted @ 2020-12-10 11:13 小生不才。 阅读(1928) 评论(0) 推荐(0)
html 在html文件中循环遍历数组并展示（1）
摘要： 用html文件实现一个简单的遍历数组并输出到页面上面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial 阅读全文
posted @ 2020-12-10 11:04 小生不才。 阅读(6660) 评论(0) 推荐(0)
2020年12月2日
jquery.ajax的基本使用
摘要： $.ajax的基本使用 作为一个前端程序员必须要与后端的数据做交互，此时就应用到了 ajax 来获取数据。 首先引入jquery（这里引入的在线地址） <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> Dem 阅读全文
posted @ 2020-12-02 22:33 小生不才。 阅读(131) 评论(0) 推荐(0)
2020年11月25日
rem.js封装引用
摘要： rem.js文件 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = 阅读全文
posted @ 2020-11-25 23:57 小生不才。 阅读(158) 评论(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 小生不才。 阅读(113) 评论(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 小生不才。 阅读(84) 评论(0) 推荐(0)
面向对象创建一个简单的div
摘要： 面向对象创建一个简单的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 小生不才。 阅读(134) 评论(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 小生不才。 阅读(78) 评论(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 小生不才。 阅读(405) 评论(0) 推荐(0)
鼠标划过title时展示下边的详情
摘要： 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 小生不才。 阅读(84) 评论(0) 推荐(0)