最近项目中用到下拉列表，由于浏览器对下拉列表的解析不一样，且项目要求要用各自浏览器自带的select效果。这个让我彻底放弃了使用别人写的下拉列表控件（比如： bootstrap dropdown）。下面是我select的…
标签：html
用CSS实现一个简单的幻灯片效果页面
用CSS实现一个简单的幻灯片效果页面，第一反应是利用CSS3的animation。不过为了兼容浏览器，记得加各浏览器前缀（“chrome和safira：-webkit-”、“firefox:-moz-”、“opera:-…
给自己定个小目标比如14天入门JavaScript
作为一个前端开发，大多数面对的都是学不好JavaScript，不知道如何学，或者说容易半途而废，这也是说我自己。一年以来接触的JS都是零零散散的，懂或似懂非懂，花点时间好好巩固下，有兴趣的跟着我来吧。 这14天定位于了解…
Web设计流程优化：网页效果图设计新思路
传统的PS网页设计已经跟不上如今流式布局潮流的发展了，PS不可能把所有移动设备的尺寸都做一个版本出来。如果PS的页面过多，期间要修改一个通用的东西，也是牵一发而动全身。网页效果图设计新思路：使用html+css+less…
js中的BOM对象
浏览器对象模型（BOM）以 window 对象为依托，表示浏览器窗口以及页面可见区域。同时， window对象还是 ECMAScript 中的 Global 对象，因而所有全局变量和函数都是它的属性，且所有原生的构造函数…
表单密码自动填充hack
前言 写前端的，最讨厌的事有几个，其中一个就是用户/自己输入的密码被浏览器记住之后，每次打开页面都会自动填充。甚至不分青红皂白，每个页面只要有password类型的输入框，就会自动填充。尤其是chrome。 不仅烦人，有…
挪动端开辟的兼容问题
挪动端开辟的兼容题目 文章已同步我的github笔记 https://github.com/ymblog/blog，迎接人人加star~~，加star后人生越发优美…… 1、ios下input为type=button属性…
多图片展开收缩实例
运用运动框架进行多图片展开收缩的实例展示 在展示时未插入图片用ul li 来代替 <!DOCTYPE html> <html lang="en"> <head> <meta ch…
前端兼容性探讨
这里和朋友们简单探讨一下个人对于前端兼容性的一些理解： 在项目中，前端主要处理html，css,javaScript代码，当然还有可能接触到razor等渲染引擎方面的知识，不过主要处理的还是HTML、CSS、JavaSc…
HTML静态页面引用公共的头部和底部(目前亲测的几种静态页面方法）
这里不提iframe，主要因为设计网页相对比较困难，占用线程较多，速度慢，而且也不利于搜索引擎的对头尾的收录 方法一：通过load()函数，分别引入公共头部和底部文件; header.html 顶部页面 <!DOC…
分享一个写给女朋友的两周年纪念网页
两周年纪念日网页 这个小小的网页是两周年纪念日的时候做的，送给女朋友，也是第一次做这种东西。最终女朋友看到了也被感动到了，有女朋友的程序猿们可以借鉴一下啦。 http://rychouuuu.coding.me/two_…
图片 + 未知宽高 + 垂直居中
图片 + 未知宽高 + 垂直居中 第一种： table-cell / inline-block + vertical-align条件： 容器宽高受图片默认宽高影响html结构： <div> <img s…
