摘要: html代码如下: css代码如下: js代码如下: 效果图如下: 阅读全文
posted @ 2018-04-25 08:04 呀,西蓝花 阅读(1566) 评论(0) 推荐(0) 编辑
摘要: 需求: 当input框失去焦点时:判断,如果输入框内容为空则获取焦点;否则弹出输入框的内容。 阅读全文
posted @ 2018-04-24 09:03 呀,西蓝花 阅读(1413) 评论(0) 推荐(0) 编辑
摘要: 第一种:使用css属性 第二种:使用jQuery内置的选择器 假设页面布局是以下这样: 那么,我们可以用以下语句来判断id为"test"的标签是否隐藏: 可以将获取的元素赋值给一个变量: 比如: 阅读全文
posted @ 2018-04-24 08:31 呀,西蓝花 阅读(372) 评论(0) 推荐(0) 编辑
摘要: e.preventDefault()是阻止默认事件的方法; e.stopPropagation()是阻止事件冒泡; return false;是既阻止事件冒泡又阻止默认事件; 以下是个阻止事件冒泡的小案例: 效果图如下: 阅读全文
posted @ 2018-04-18 14:43 呀,西蓝花 阅读(509) 评论(0) 推荐(0) 编辑
摘要: 步骤: 1、给父级元素添加相对定位position:relative; 2、子元素设置如下: position: absolute; left: 50%; top: 50%; //设置为子元素width的一半,设置为负值 margin-left: -25px; //设置为子元素height的一半,设 阅读全文
posted @ 2018-04-18 09:58 呀,西蓝花 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 标签内容为:明天就周末了 设置后的效果图如下: 实现代码如下: 注意代码行:9-14行 阅读全文
posted @ 2018-04-13 17:45 呀,西蓝花 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 所用到的知识点: 1、iconfont图标库的运用; 2、改变input的多选框默认的样式,所运用的小知识点利用label标签; 以上代码中运用到的图标都是利用iconfont图标库;其中iconfont.css我没用引入代码,如果想了解iconfont图标库的运用,请查看地址:http://www 阅读全文
posted @ 2018-04-13 16:47 呀,西蓝花 阅读(419) 评论(0) 推荐(0) 编辑
摘要: 一、寻找适用的图标 官方网址:http://www.iconfont.cn/ 找到需要的icon 以为例添加入库。 一、生成代码: 点击右上角购物车图标,出现下图(1)所示,下方点击下载代码,下载完成后将压缩包文件解压,将文件里面的iconfont.css文件引入到自己的项目中如图(2)。 图(1) 阅读全文
posted @ 2018-04-13 15:14 呀,西蓝花 阅读(610) 评论(1) 推荐(0) 编辑
摘要: 以下代码中用到的知识有: 1、图标使用的是iconfont的图标库,若要了解其具体使用的方法,请查看博客--iconfont的使用方法; 2、jQuery的on()代理; 3、jQuery的keyup()方法: 定义: 完整的 key press 过程分为两个部分,按键被按下,然后按键被松开并复位。 阅读全文
posted @ 2018-04-13 15:04 呀,西蓝花 阅读(471) 评论(1) 推荐(0) 编辑
摘要: 1111111 2222222 3333333 4444444 5555555 6666666 7777777 阅读全文
posted @ 2018-04-13 14:45 呀,西蓝花 阅读(265) 评论(0) 推荐(0) 编辑