FrontEnd
tragedyxd
这个作者很懒,什么都没留下…
展开
-
FrontEnd 步步高升:Dropdown,纯javascript实现下拉菜单
实现思路:获取class="dropdown"的所有元素验证其data-toggle是否为dropdown添加 onclick 事件在dropdown 上增加/删除"open" class判断open实现相应的toggle进行开/关目前只完成了:SimpleDropdown : 无动画效果, 通过修改display实现原创 2015-02-04 22:33:57 · 1814 阅读 · 0 评论 -
对 移动端响应式框架 pageResponse.js 进行扩展,完成自己的需求
GITHUB:https://github.com/peunzhang/pageResponse我需要用的是他的Contain模式,然而就像他介绍的,有一个缺点:页面水平垂直居中,左右或上下可能出现空白,页面背景使用纯色或可复制背景可解决此类问题。他也介绍了,这个框架的原理:使用transform:scale缩放页面,要求视觉稿高清。在配置好页面 后,我们审查需要自适应原创 2016-01-25 11:15:49 · 2148 阅读 · 0 评论 -
ueEditor 增加插件,超级方便
在导入ueEditor的js后另建一个js,执行以下代码// 注册插件UE.registerUI('报名表单插入', function (editor, uiName) { //注册按钮执行时的command命令,使用命令默认就会带有回退操作 editor.registerCommand(uiName, { execCommand: function () {原创 2015-09-30 15:59:40 · 8334 阅读 · 0 评论 -
FrontEnd 步步高升:鼠标在图片上,产生遮盖效果
思路:在图片旁边放一个height:0px的DIV,让jQuery改变高度,产生动画DOM树 活动标原创 2015-02-13 15:12:29 · 833 阅读 · 0 评论 -
CSS 3,用伪元素制作不一样的阴影效果
曲线阴影,翘边阴影 * { margin: 0; padding: 0; list-style: none } .wrap { margin: 50px auto; width: 600px; height: 200px; background-co转载 2015-02-12 17:38:43 · 1651 阅读 · 0 评论 -
FrontEnd 步步高升:bootstrap3-validation.js 必填项星号(*)显示方式修改
作者的GITHUB:https://github.com/mrlong/bootstrap3-validation.js,先感谢一下,很好用~作者的样式,当表单有类为:form-horizontal 时,必填项*号显示样式很奇怪~~作者垂直表单添加 * 源码如下:else if(fform_style==2){ $(obj).原创 2015-02-26 22:57:03 · 8745 阅读 · 0 评论 -
FrontEnd 步步高升: Echart 使用简单介绍,快速上手~
引入echart当然,官方文档给了三种引入方式:点我点我~官方说要把script标签放在body末尾,如果你想放在head也没问题。在window.onload中注册初始化的函数:window.onload = init;function init() { initChart();}现在我们有一个全局变量 require准备DOM原创 2015-02-12 16:47:15 · 1647 阅读 · 0 评论 -
FrontEnd 步步高升:header和footer始终显示在浏览器顶部和底部,中间区域自适应
思路:浏览器大小改变会触发JS事件:window.onresize获得浏览器大小 减去 顶部+底部 得到中间区域大小HTML: CSS:/* 韦哥说 这里是必须的,这才是真正项目用到的 */html{ height: 100%:}body{ heigh原创 2015-02-01 15:34:51 · 2459 阅读 · 0 评论 -
jQuery.validator自定义验证
需求:在新增信息前端验证必须上传图片,在修改时不用。思路:无论在新增还是在修改,图片都会有标签进行预览,只是新增的时候img.src不会有值。所以我们通过这个值来判断是新增还是修改。 // 在修改信息时,图片不用必填 // 要求在input上写data-img-according-to="图片预览的id" $.validator.addMethod("imgAccor原创 2016-05-25 10:11:09 · 1614 阅读 · 0 评论