04 2017 档案

摘要:效果图: 注意: 若a标签中的href加“#”符号,如图 则,脚本应该多加一句,“return false” 阻止跳转的意思,如图: 阅读全文
posted @ 2017-04-27 22:37 前端HL 阅读(179) 评论(0) 推荐(1) 编辑
摘要:jQuery.nav.js插件代码: html代码: 效果图: 阅读全文
posted @ 2017-04-27 20:36 前端HL 阅读(7385) 评论(0) 推荐(1) 编辑
摘要:效果图: 阅读全文
posted @ 2017-04-27 17:26 前端HL 阅读(648) 评论(0) 推荐(1) 编辑
摘要:在工作中发现, 这样是没反应的, 要写这个样式才能去掉背景颜色(background-color:transparent;) 阅读全文
posted @ 2017-04-25 10:23 前端HL 阅读(7732) 评论(1) 推荐(2) 编辑
摘要:left:'-='+width的意思是:left属性的最终值,是left现有值减去width这个值例如:left:'200px' 意思是left最终值变成200left:'+200px' 意思与上面相同,是left最终值变成200left:'+=200px' 假设当前left为100 意思是left 阅读全文
posted @ 2017-04-23 10:10 前端HL 阅读(1577) 评论(0) 推荐(1) 编辑
摘要:代码: 效果图: 阅读全文
posted @ 2017-04-19 15:24 前端HL 阅读(272) 评论(0) 推荐(1) 编辑
摘要:Html代码: css代码: js代码: 下抽屉效果图: 阅读全文
posted @ 2017-04-19 14:40 前端HL 阅读(1483) 评论(0) 推荐(1) 编辑
摘要:网上找的插件。 js代码: 阅读全文
posted @ 2017-04-19 14:28 前端HL 阅读(4613) 评论(0) 推荐(1) 编辑
摘要:(单行)省略号: overflow: hidden;white-space: nowrap;text-overflow: ellipsis; (双行)省略号:overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-l 阅读全文
posted @ 2017-04-18 15:07 前端HL 阅读(810) 评论(0) 推荐(1) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * { margin: 0; padding: 0 } .words { fo 阅读全文
posted @ 2017-04-18 14:03 前端HL 阅读(578) 评论(0) 推荐(1) 编辑
摘要:下载地址:https://github.com/liukaijv/mobi-datetime-picker 修改后: 这个是日期显示格式: 阅读全文
posted @ 2017-04-18 10:57 前端HL 阅读(983) 评论(0) 推荐(1) 编辑
摘要:Html代码: Js代码: 如图所示: 备份原来的js, AreaCascader.js 阅读全文
posted @ 2017-04-18 10:25 前端HL 阅读(397) 评论(0) 推荐(1) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, 阅读全文
posted @ 2017-04-11 17:40 前端HL 阅读(1255) 评论(0) 推荐(1) 编辑
摘要:在工作中遇到如下有半个星星的,不好套数据模板 这样写会比较好套数据,直接乘以10,如下:套数据模板 样式可以这样命名,如图所示: 星星这样切: 代码如下: 文件: 阅读全文
posted @ 2017-04-11 17:01 前端HL 阅读(1183) 评论(0) 推荐(1) 编辑
摘要:如图所示: 展开效果图: 第二:jQuery的写法: html: js: css: 效果图: 阅读全文
posted @ 2017-04-11 14:02 前端HL 阅读(2406) 评论(0) 推荐(1) 编辑
摘要:写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的。 CSS书写顺序 1.位置属性(po 阅读全文
posted @ 2017-04-11 09:33 前端HL 阅读(235) 评论(0) 推荐(1) 编辑
摘要:注意:用第二种情况在iPhone5会出现兼容问题, 所以还是用第一种方法。 例子: HTML代码: 效果图: 二、background-size兼容问题,在安卓手机上背景图片无法显示如图所示: 改这个兼容问题很简单,只要把最后一个样式改为 background-size: 1px 38px;就可以 阅读全文
posted @ 2017-04-10 10:35 前端HL 阅读(12872) 评论(0) 推荐(1) 编辑
摘要:一、window.onload:(1)必须等待网页中所有的内容加载完毕后(包括图片)才能执行;(2)不能同时编写多个,如: window.onload = function(){ alert("test1") }; window.onload = function(){ alert("test2") 阅读全文
posted @ 2017-04-09 13:55 前端HL 阅读(128) 评论(0) 推荐(1) 编辑
摘要:如图: 阅读全文
posted @ 2017-04-05 10:30 前端HL 阅读(3546) 评论(0) 推荐(0) 编辑
摘要:1.显示图: 2.滚动之后显示: 阅读全文
posted @ 2017-04-01 16:56 前端HL 阅读(1613) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示