摘要:
对单选按钮自定义样式,我们以前一直用的脚本来实现,不过现在可以使用新的伪类 :checkbox 来实现。 思路: 1. 可以为<label>元素添加生成性内容(伪元素),并基于单选按钮的状态来为其设置样式; 2. 然后把真正的单选按钮隐藏起来; 3. 最后把生成内容美化一下。 解决办法: 1. 一段 阅读全文
摘要:
网页开发的时候,常常需要了解某个元素是否进入到"视口"(viewport),即用户在当前屏幕内是否看到这个元素 上图的绿色方块不断滚动,顶部会提示它的可见性。 思路 一 监听窗口 scroll 事件后,调用目标元素的 getBoundingClientRect() 方法, 获得该元素相对于视口左上角 阅读全文
摘要:
思路: 1. 通过jq改变元素的css,来实现背景的切换 功能: 1. 背景切换 相关知识点 1. $.fn是指jQuery的命名空间,加上fn的方法及属性,会对jQuery实例有效。 2. extend(dest,src1,src2,src3...); 2.1 它的含义是将src1,src2,sr 阅读全文
摘要:
扩展功能 1. 回车提交 2. 有内容时,有“X”清除 思路 1. 用propertychange事件来监听对象属性的变化 2. 判断用户按键是否是回车来提交 代码 // 监听input的值变化 $("input.search").bind("input propertychange", funct 阅读全文
摘要:
属性介绍 space-evenly: 均匀排列每个元素,每个元素之间的间隔相等 space-between: 均匀排列每个元素,首个元素放置于起点末尾元素放置于终点 思路 假设我们容器里面有3个元素 space-evenly: 容器剩余空间由4个间隙平分 space-between: 容器剩余空间由 阅读全文
摘要:
思路 1. 创建系统时间的日期对象 2. 把生日转换为日期对象 3. 年份相减获得年龄 4. 如果月份的结果小于0,或者日期相减的结果是小于0,年龄减去1 5. 返回年龄 代码 function getAge(dateString) { //创建系统日期 var today = new Date() 阅读全文
摘要:
思路 利用Image对象的属性"complete"来判断"返回浏览器是否已完成对图像的加载"。 利用Image对象的事件句柄"onload"来"触发当图像装载完毕时调用的事件"。 代码 A.call( B,x,y ):就是把A的函数放到B中运行,x 和 y 是A方法的参数。 阅读全文
摘要:
思路 1. 分离最后一个“.”,然后取后面的字符串,取得文件后缀名 2. 后缀名进行比对 代码 1. // 获取文件字符串 var file=$("input[name='file']").val(); // 获取最后一个'.'的角标 var point = file.lastIndexOf("." 阅读全文