随笔分类 -  前端设计

1 2 3 下一页
bootstrap中的居左和居右
摘要：1、pull-left和pull-right 2、text-left、text-center和text-right 阅读全文
posted @ 2016-08-25 13:09 苏羽垄 阅读(28580) 评论(1) 推荐(1)
html中的空白字符问题
摘要：1、当我们想使用百分比来进行两个盒子的并排 代码： 当我们想通过inline-block让两个div来并排，一个战父盒子的80%，一个占20%。可能看起来刚好100%，但是会由于代码中左右两个盒子之间的空白字符会导致右边的盒子掉下来。 2、解决办法 （1）消除空白字符 让左右两个盒子的代码紧密连起来 阅读全文
posted @ 2016-08-25 11:16 苏羽垄 阅读(2057) 评论(0) 推荐(0)
JQuery中的相反的地方
摘要：1、on和delegate的参数顺序相反 2、each和map参数也是相反的 阅读全文
posted @ 2016-08-18 11:24 苏羽垄 阅读(248) 评论(0) 推荐(0)
JQuery UI 封装了一些常用模板
摘要：1、css 他已经封装了一些css样式，如果不喜欢，可以直接修改。 2、js 他已经封装了对应的js。 阅读全文
posted @ 2016-08-17 16:14 苏羽垄 阅读(303) 评论(1) 推荐(0)
JQuery的插件开发——重点
摘要：1、给JQuery全局对象扩展一个函数方法 $.log=function(){ /* 给全局对象$扩展一个函数*/ } $.log;//调用方法 2、给JQuery普通对象扩展一个函数方法 3、使用第三方插件 例如，自定义动画不能支持修改背景色，所以既可以引入第三方的js文件。 第一步：引入JQue 阅读全文
posted @ 2016-08-17 16:07 苏羽垄 阅读(197) 评论(0) 推荐(1)
JQuery的隐式迭代和each函数和map函数
摘要：1、JQuery选择器选择出来的是一个数组对象，可是给这些每一个元素都要设置内容时，就会隐式迭代，JQuery自己实现内部循环给每个元素绑定上设置。 2、如果是获取的话，那就是默认获取第一个元素的值。 3、each（）函数 JQuery对象的each方法： $("li").each(function 阅读全文
posted @ 2016-08-16 20:17 苏羽垄 阅读(319) 评论(1) 推荐(0)
JQuery实现两侧浮动广告
摘要：1、描述 两侧浮动显示广告 2、要点 其实就是一直在变浮动广告距顶部的值。 3、代码 阅读全文
posted @ 2016-08-16 11:06 苏羽垄 阅读(794) 评论(0) 推荐(0)
JQuery实现仿腾讯的固定导航栏
摘要：1、描述 窗口滚动一定高度之后才让导航栏固定 2、要点 浏览器滚动的事件：$(window).scroll(functiuon(){ 文档滚过的高度： $(doucment).scrollTop(); }); 3、代码 <!DOCTYPE html> <html> <head> <meta char 阅读全文
posted @ 2016-08-16 10:39 苏羽垄 阅读(350) 评论(0) 推荐(0)
JQuery的方便之处——宽高设置、坐标值和滚动条+事件绑定机制
摘要：1、元素的宽高 可以通过css来进行设置，例如：$("元素").css({"宽度":"值","高度":"值"}); 也可以通过JQuery中的函数直接进行设置，比如$("元素").width(数字或字符串);$("元素").height(数字或字符串);不给值的话就相当于获取宽高 两种方法获取宽高的 阅读全文
posted @ 2016-08-16 09:11 苏羽垄 阅读(434) 评论(0) 推荐(0)
JQuery操作DOM对象
摘要：1、追加节点（ 儿子关系） append() $("已有元素").append("动态添加元素"); 在已有元素的内部的后面追加一个元素 appendTo() $("动态添加元素").appendTo("已有元素");在已有元素的内部的后面追加一个元素 prepend() $("已有元素").pre 阅读全文
posted @ 2016-08-15 08:36 苏羽垄 阅读(365) 评论(0) 推荐(0)
JQuery常用动画实现函数
摘要：1、上拉、下拉和切换 slideup()、slidedown()、slideToggle() JQuery里面的切换太吊了，它自带判断当前显示状态，如果为显示就执行隐藏，如果为隐藏就执行显示。 2、淡入淡出 fadeIn() fadeOut() fadeToggle() fadeTo("时间多少毫秒 阅读全文
posted @ 2016-08-14 18:31 苏羽垄 阅读(507) 评论(0) 推荐(0)
DOM对象和JQuery对象进行转换
摘要：var btn=document.getElementById("btn"); $(btn).click(function(){}); DOM对象转换为JQuery对象： 用$符号将DOM对象包一下就变为JQuery对象。只不过在JS中叫绑定事件，在JQuery中叫执行事件。 JQuery对象转换为 阅读全文
posted @ 2016-08-12 16:28 苏羽垄 阅读(175) 评论(0) 推荐(0)
JQuery中的mouseover和mouseenter的区别
摘要：mouseover和mouseout是一对；mouseenter和mouseleave是一对。 相同点：都是鼠标经过就触发事件 不同点： 给外盒子一个经过触发事件，但是mouseover会在鼠标经过外盒子内部元素的时候也会再次触发事件。 但是，同样的给外盒子一个经过触发事件，mouseenter就不 阅读全文
posted @ 2016-08-12 15:46 苏羽垄 阅读(283) 评论(0) 推荐(0)
JQuery使用和选择器
摘要：1、优点 （1）能解决浏览器的兼容性JS问题 （2）解决JS代码冗余的问题 （3）动画效果更容易实现 2、压缩过的和不压缩的区别 （1）开发过程中用未压缩的；上线后用压缩版本。 （2）版本问题：1.XXX兼容IE678 2.XXX不在支持IE678 还有专门用于移动开发的jQuery 3、两种入口函 阅读全文
posted @ 2016-08-12 10:53 苏羽垄 阅读(190) 评论(0) 推荐(0)
JS基础知识——缓动动画
摘要：基于距离的缓动动画 原理：设定起始位置 start 和终止位置 end，变化会越来越慢。 公式：start=start+（end-start）/10; 这个10不是固定的，想分成多少份就分成多少份，他影响的是后续的增加速度。 举例：因为start在增加，但是会增加的越来越慢。 基于时间的缓动动画 阅读全文
posted @ 2016-08-11 09:55 苏羽垄 阅读(200) 评论(0) 推荐(0)
JS——无缝滚动
摘要：1、描述——无缝滚动图片 2、代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin:0;padding: 0;} .box{ width:600 阅读全文
posted @ 2016-08-11 09:35 苏羽垄 阅读(225) 评论(0) 推荐(0)
JS注意事项
摘要：1、定时器注意事项 分析下列代码打印内容： 你可能要误以为是1 2 3。因为这个定时器太特殊了，延时0毫秒执行alert(2)。但是，这和JS的语言特性有关，JS中的执行是单线程执行，所以有延时的操作自然被放到后面，无论是否有没有延时。 2、&&操作符 ||操作符 a&&b 返回值 a真返回b；a假 阅读全文
posted @ 2016-08-08 23:07 苏羽垄 阅读(181) 评论(0) 推荐(0)
JS——实现短信验证码的倒计时功能（没有验证码，只有倒计时）
摘要：1、功能描述 当用户想要获取验证码时，就点击 免费获取验证码 ，然后开始倒计时，倒计时期间按钮文字为剩余时间x秒，且不可按状态，倒计时结束后，按钮更改为点击重新发送。 2、分析 必须用到定时器。按钮点击后，在定时器内做出判断。倒计时60秒，到0结束。 3、代码实现： 重点介绍：定时器在进行下一次倒计 阅读全文
posted @ 2016-08-08 08:20 苏羽垄 阅读(7658) 评论(0) 推荐(0)
JS基础知识——定时器
摘要：1、定时器——setInterval("执行函数名",间隔时间); setInterval(fun,1000);每隔1秒钟执行一次fun函数 setInterval("fun()",1000);每隔1秒钟执行一次fun函数 排队执行——间隔时间t1和程序执行时间t2，如果t1<t2（程序执行时间比间 阅读全文
posted @ 2016-08-07 14:12 苏羽垄 阅读(451) 评论(0) 推荐(0)
JS的事件动态绑定机制
摘要：动态添加标签+动态添加事件 window.onload=function(){ （已存在元素节点）事件绑定； （未来元素节点）事件绑定； } 它会扫描元素节点，如果元素节点存在（静态写好的），就可以绑定了；如果元素节点不存在，是后来动态添加的就不会执行。 所以，我们不能将后来添加的元素的事件绑定像已 阅读全文
posted @ 2016-08-07 13:05 苏羽垄 阅读(895) 评论(0) 推荐(0)

1 2 3 下一页