摘要：
用JS来实现一个动态打字的效果 效果： html: <div id="text"></div> js: let divTyping = document.getElementById('text') let i = 0, timer = 0, str = 'www.baidu.com' functi 阅读全文
posted @ 2020-05-27 11:57
老和尚106
阅读(211)
评论(0)
推荐(0)
摘要：
代码： indexeach("test"); function indexeach(values){ var arr = []; arr.push('搜索'); arr.push('测试搜索'); arr.push('test搜索'); for(var i=0;i<arr.length;i++){ 阅读全文
posted @ 2020-05-27 11:47
老和尚106
阅读(310)
评论(0)
推荐(0)
摘要：
jQuery 输入框输入时自动提示，类似百度搜索下拉提示效果。 效果： Html代码： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src=" 阅读全文
posted @ 2020-05-27 11:11
老和尚106
阅读(740)
评论(0)
推荐(0)
摘要：
jquery线性数据转化为树 代码： // data:数组// parent_id:主键ID function toTree(data, parent_id) { var tree = []; var temp; for(var i = 0; i < data.length; i++) { if(d 阅读全文
posted @ 2020-05-27 10:54
老和尚106
阅读(227)
评论(0)
推荐(0)
摘要：
Html代码： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> </h 阅读全文
posted @ 2020-05-27 10:52
老和尚106
阅读(390)
评论(0)
推荐(0)
摘要：
效果： Html： <input type="tetx" id="te" /> <p id="tee"></p> <button>验证</button> jq： $(document).on("click","button",function(){ var str=$("#te").val(); v 阅读全文
posted @ 2020-05-27 10:51
老和尚106
阅读(203)
评论(0)
推荐(0)
摘要：
6种css3鼠标滑过图片动画效果 效果： Html代码： <html> <head> <meta charset="utf-8" /> <title>6种css3鼠标滑过动画效果</title> <style type="text/css"> /*****全局样式*****/ * { padding 阅读全文
posted @ 2020-05-27 10:48
老和尚106
阅读(1125)
评论(0)
推荐(0)
摘要：
利用flex布局超简单实现瀑布流排版 效果： Html代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial 阅读全文
posted @ 2020-05-27 10:03
老和尚106
阅读(10406)
评论(1)
推荐(0)
摘要：
实现瀑布流排版 效果: Html代码： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>demo water-basic</title> <style type="text/css"> .water-basic { position 阅读全文
posted @ 2020-05-27 10:01
老和尚106
阅读(343)
评论(0)
推荐(0)
摘要：
Html代码： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> </h 阅读全文
posted @ 2020-05-27 09:58
老和尚106
阅读(204)
评论(0)
推荐(0)
浙公网安备 33010602011771号