随笔分类 -  前端常见效果制作

摘要:<!DOCTYPE html> <html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.2.1.js"></script></head><body><input type="butt 阅读全文
posted @ 2018-06-20 13:36 yaomengli 阅读(200) 评论(0) 推荐(0)
摘要:http://www.yyyweb.com/5014.html 阅读全文
posted @ 2017-12-25 09:12 yaomengli 阅读(430) 评论(0) 推荐(0)
摘要:在线压缩工具http://tool.oschina.net/jscompress 阅读全文
posted @ 2017-11-30 09:09 yaomengli 阅读(201) 评论(0) 推荐(0)
摘要:以上是一个从乱码到整齐出现的过程 让其li从 0慢慢的变为一个指定的高度 阅读全文
posted @ 2017-11-14 09:28 yaomengli 阅读(153) 评论(0) 推荐(0)
摘要:图片的预加载与懒加载(先加载可视区域的图片 后面的图片在下拉出现在可视区域继续加载或者规定在可视区域的图片加载完之后过了几秒再加载剩余的图片 这个自行规定)<script src="js/jquery.lazyload.min.js"></script>添加一个data-original=“”里面的 阅读全文
posted @ 2017-10-31 15:24 yaomengli 阅读(382) 评论(1) 推荐(0)
摘要:浏览器类型判断。最可恶当属于360浏览器,以前可以通过内核返回的字符串判定是否包含"360"字样的方法来判定, 如以下代码 window.navigator.userAgent.indexOf('360')!=-1 但360浏览器某次更新后,内核显示的字符串已经和IE浏览器是一样的了,导致无法判断是 阅读全文
posted @ 2017-10-10 09:54 yaomengli 阅读(2423) 评论(0) 推荐(0)
摘要:<!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 @ 2017-10-10 09:52 yaomengli 阅读(284) 评论(0) 推荐(0)
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head> <base > <title>< 阅读全文
posted @ 2017-10-10 09:19 yaomengli 阅读(1793) 评论(0) 推荐(0)
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-2.1.4.min.js"></script> <style> * { padding: 0px; 阅读全文
posted @ 2017-09-04 12:01 yaomengli 阅读(465) 评论(0) 推荐(0)
摘要:使用a标签点击事件时 把href 属性去掉就可以正常点击,如果带href的话 就要阻止默认事件 event.preventDefault() 但这样在火狐浏览器中不起作用。 阅读全文
posted @ 2017-08-17 09:33 yaomengli 阅读(1039) 评论(0) 推荐(0)
摘要:制作右侧小箭头 阅读全文
posted @ 2017-08-11 09:39 yaomengli 阅读(397) 评论(0) 推荐(0)
摘要:<div class="dark"> <div class="stars"></div> <div class="stars2"></div></div> .stars2 { width: 2px; height: 2px; background: transparent; box-shadow: 阅读全文
posted @ 2017-08-10 14:27 yaomengli 阅读(304) 评论(0) 推荐(0)
摘要:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><select id="province" runat="server" onchange="selectprovince 阅读全文
posted @ 2017-08-03 17:44 yaomengli 阅读(1163) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2017-06-25 13:47 yaomengli 阅读(413) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2017-06-20 09:38 yaomengli 阅读(591) 评论(0) 推荐(0)