随笔分类 -  HTML/CSS/JS

页面中去除浮动 clear:both
摘要：今天写代码发现一个很奇怪的问题，发现上面的div加浮动（不管是否包含div）以后对下面div的浮动有所影响，通过去除浮动，搞定： 只需要在受影响的div中的样式中，加入clear:both即可 阅读全文
posted @ 2017-03-07 12:55 纸鸢&红豆·绿豆 阅读(232) 评论(0) 推荐(0)
windows系统 webstorm安装zencoding方法
摘要：今天在webstorm安装zencoding，下载地址：http://code.google.com/p/zen-coding/downloads/list，下载以下文件： WebIDE and IntelliJ IDEA Zen CSS WebIDE and IntelliJ IDEA Zen H 阅读全文
posted @ 2017-01-14 11:25 纸鸢&红豆·绿豆 阅读(539) 评论(0) 推荐(0)
利用cookie实现iframe刷新时停留在当前页面
摘要：这段时间第一次用iframe，发现问题还挺多，这次主要解决了一个用cookie实现iframe刷新时停留在当前页面，具体步骤如下： 1.必须在每一个页面中记录下当前的url并存入cookie中，具体代码如下： 2.在主页面中读取cookie中键为'url'的值。代码如下： 本次例子是将所有的页面都提 阅读全文
posted @ 2017-01-09 11:03 纸鸢&红豆·绿豆 阅读(1374) 评论(0) 推荐(0)
js 实现表格的可编辑状态
摘要：实现表格的可编辑，点击修改以后可以编辑，代码如下： 实现效果： 阅读全文
posted @ 2016-04-03 10:27 纸鸢&红豆·绿豆 阅读(11785) 评论(0) 推荐(1)
在Dreamweaver中安装Emmet（zen-coding）
摘要：在http://www.adobe.com/exchange/em_download/地址下下载好Emmet扩展插件，然后在Dreamweaver找到菜单栏中命令>扩展管理>文件,找到以后打开，然后重启Dreamweaver。默认的快捷键是Ctrl+E，需要修改。详情请见：http://www.zh... 阅读全文
posted @ 2016-01-17 19:04 纸鸢&红豆·绿豆 阅读(226) 评论(0) 推荐(0)
js动画实现透明度动画
摘要：在本次实例中，由于一般主流的浏览器对于透明度opacity最大值为1，但是在IE6最大值是100，此次例子是按主流浏览器的透明度来算的，所以定义的是小数，也可以定义为整数为单位，在运算的时候遇到主流的浏览器除以100就可以了。实例：透明度动画动画总结：1.先设置一个定时器；var timer = ... 阅读全文
posted @ 2015-12-29 18:21 纸鸢&红豆·绿豆 阅读(372) 评论(0) 推荐(0)
js动画实现侧边栏分享
摘要：分享分享动画总结：写js函数时，如果两个函数差不多，可以把相同的地方提出来当参数穿进去。对于计时器要想到清空它。 阅读全文
posted @ 2015-12-28 21:07 纸鸢&红豆·绿豆 阅读(353) 评论(0) 推荐(0)
浏览器标签显示图标
摘要：一直写html静态文件都没有注意在标签上没有没有图标：只需要加上这个代码：1 图标添加成功：注意事项：小图标的格式一定要是ico格式的，宽度和高度都是32个像素值如果按照上面的步骤做完后无法看到小图标，请把IE浏览器的缓存清理掉，清理完缓存之后即可看到小图标。小图标的存放位置一定要和代码里的存放位置... 阅读全文
posted @ 2015-12-10 15:32 纸鸢&红豆·绿豆 阅读(235) 评论(0) 推荐(0)
js小例子（简单模糊匹配输入信息）
摘要：该例子实现的是用户输入信息或者字母时可以搜索出来，鼠标点击选择 1 2 3 22 23 24 25 js26 wes27 che28 women29 jswo30 31 52 53 阅读全文
posted @ 2015-11-04 20:49 纸鸢&红豆·绿豆 阅读(672) 评论(0) 推荐(0)
js小例子（多字溢出，省略号表示）
摘要：实现了div中字数较多，显示不下的时候，用省略号来表示，并且可以展开和收起： 1 2 3 4 5 6 我爱北京天安门，我爱北京天安门，我爱北京天安门，我爱北京天安门，我爱北京天安门，我爱北京天安门，我爱北京天安门，我爱北京天安门，我爱北京天安门，我爱北京天安门，我爱北京天安门，我爱北京天安... 阅读全文
posted @ 2015-10-30 13:55 纸鸢&红豆·绿豆 阅读(330) 评论(0) 推荐(0)
js小例子（标签页）
摘要：运用js写的一个小例子，实现点击不同的标签出现不同的内容： 1 2 3 4 5 20 31 32 33 34 35 导航136 导航237 导航338 39 40 内容14... 阅读全文
posted @ 2015-10-30 13:48 纸鸢&红豆·绿豆 阅读(256) 评论(0) 推荐(0)
运用datalist标签实现用户的搜索列表
摘要：datalist是一个很强大的HTML5标签，支持一般类似于模糊查询，以前都是需要js来做的。下面是一个datalist配合js的小例子，主要是实现用户是否存在，以及添加过程中是否重复的判断。首先是datalis里面绑好数据以后，当用户双击文本框时是可以出现选择下拉框的，输入的时候也得判断是否存在这... 阅读全文
posted @ 2015-10-14 13:29 纸鸢&红豆·绿豆 阅读(1146) 评论(0) 推荐(0)
JS实现类似网页的测试考卷
摘要：js实现table中获取不同td的值，并且md5加密，匹配md5的值（避免通过查看网页源代码可以看到正确答案），再用js前端判断输入与正确的值是否相同。最后再把错误的单词计数，并且输出，后端加入对应错误的数据库表中。 html代码片段： <div class="col md 11" <tabl... 阅读全文
posted @ 2015-09-26 16:42 纸鸢&红豆·绿豆 阅读(845) 评论(0) 推荐(1)
换了博客的第一篇博文
摘要：一个简单的滑动动态效果css代码： <style type="text/css" div1 { width: 200px; height: 100px; background: ccc; position: absolute; left: 200px; position:absolute; ... 阅读全文
posted @ 2015-09-26 16:40 纸鸢&红豆·绿豆 阅读(150) 评论(0) 推荐(0)