摘要: 一天一个效果让我头疼,就是如何让文本模糊,然后里面的内容seo还能搜索到,如果有链接的话,还可以点击。还有最关键的就是要兼容ie6,7,但是经过我一天的努力,只能兼容到ie7.下面就听我慢慢跟你唠叨这里面的东东。 先看一下我们要实现的效果上面那个是图片,下面红框里面才是我们要实现的效果。 这个东东我用到了几样东西:text-shadow,color,你可能会怀疑这个怎么能出这个效果呢? 大家都知道text-shadow是可以模糊文字的,但是这里color是个什么来路呢?哈,他才是今天的主角。先卖个关子,看代码: 1 2 3 4 5 Document 6 12 ... 阅读全文
posted @ 2013-11-11 14:55 enggirl 阅读(720) 评论(0) 推荐(0) 编辑
摘要: 1.为什么不能创建1px的容器?这个真没关注过,面试的一道题。回来一查,原因是ie6有默认的行高,网上说是用overflow:hidden|zoom:0.08|line-height:1px,经过测试发现就是overflow:hidden是好用的2.为什么连接点击过后hover不起作用了?这个是因为顺序错了,没有按照LoVe HAte顺序写3.怎么样让input[type=file]兼容各浏览器?之前专门写过一篇blog是讲他的实现问题的,突然问起来理论不知道该怎么解释。现在归纳一下:因为各浏览器对它的渲染不同,所以采用一种统一的假象,就是让真的input[type=file]透明,也就是.. 阅读全文
posted @ 2013-09-05 16:34 enggirl 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 以前我写登录框交互的时候,总是在focus和blur时,把input的value值为空或显示,也一直认为对的没有争议。可是,今天,后台同学告诉我这个不好使了?!我一时没听明白,后来他亲自演示后,我才知道怎么回事了。原来当登录的输入框为默认值时候,点击登录,会把输入框的默认值带到登录报错页面,这也就是常说的表单提交到服务器的是value值。所以,考虑到此,我把input的value为空,然后把这个默认值用label绝对定位上去,即用户名补充:input[type=button]的记得要设置overflow:visible;否则他会自动给默认按钮添加左右padding,对比图: 阅读全文
posted @ 2013-08-26 16:18 enggirl 阅读(459) 评论(0) 推荐(0) 编辑
摘要: 今天,群里有人问道font-size 2 3 4 5 JS Bin 6 7 8 Font Size 16px 9 Font Size 15px 10 Font Size 14px 11 Font Size 13px 12 Font Size 12px 13 ... 阅读全文
posted @ 2014-06-11 18:09 enggirl 阅读(6609) 评论(0) 推荐(0) 编辑
摘要: 这两天做一个项目,需要画饼图,所以在网上搜到jqplot这个插件。下面就说说我对他的简单的使用心得。 先说说我想要的效果:1.我需要修改饼图每个部分的背景色 2.我需要修改饼图里面文本的颜色和字体大小 3.还需要右侧说明文本都是带链接的 ... 阅读全文
posted @ 2014-04-23 16:35 enggirl 阅读(2593) 评论(0) 推荐(0) 编辑
摘要: by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=3520一、看似偶然的东西实际是必然会发生的我大学时候在图书馆翻过一本很破旧的书,讲生物理论的,主要内容就是探讨生命的产生是偶然还是必然。里面很多亚里士多德都看不懂的公式计算什么的,还有模拟原始地球环境出现了有机物的实验什么的。总之,书论述的观点是:“在当时的地球环境下,生命的产生是必然的!” 无数次机会的偶然条件、无数次化合物的相遇反应等必定会产生有机物,再有N多偶然,有机物必然形成了有机体……这种理论类似于,你是个过 阅读全文
posted @ 2013-07-25 10:06 enggirl 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 以前经常写form表单时,不写id和name,总觉得没有什么用。后来一看后台套完的页面发现,他们都补上name,不知道所以然,就查了一下资料,吓我一跳,要是照我那样写根本不会有数据传到服务器。原来表单提交用户输入的数据,是根据表单元素的name值来控制表单控件的。那么表单控件里面的id是干嘛的?就是为了区别不同的表单控件,还有一个作用,就是点击表单控件提示信息时也能让表单控件获得焦点的效果,用label提高用户体验,这时的label属性中的for是跟表单控件的id一致的,我以前老是搞混,以为是跟控件的name值一样,因为看例子中总是name值跟id值一样。 这也引出另一个问题就是labe... 阅读全文
posted @ 2013-06-27 14:35 enggirl 阅读(20562) 评论(0) 推荐(2) 编辑
摘要: 以前我常用的是siblings,然后就是next,那么nextAll和nextUntil是啥?一查才知道他们的关系是这样的: next:紧挨着$('')的一个元素 nextAll:在$('')以后的所有的同辈元素 nextUntil:until有直到。。。之前的意思,所以他表示$('')以后的所有的同辈元素,不过要在nextUntil参数之前,不包括匹配的元素本身 sibings:$('')前后的所有同辈元素 简单理解就是,next就是找他的弟弟/妹妹,nextAll就是找他所有的弟弟/妹妹,nextUntil就是找比他小一定年龄 阅读全文
posted @ 2013-05-24 15:19 enggirl 阅读(849) 评论(0) 推荐(0) 编辑
摘要: 传说return false作用很强大,不仅可以阻止事件冒泡,还可以阻止浏览器的默认行为,还可以减少ie系列的bug。今天就来说说return false 第一次用return false的时候是放在函数里面的,这样当函数作为if条件判断的时候,可以直接用return的返回值,因为返回的正好是个boolean值。还有个额外效果是,在return后面写的语句都不执行,因为在函数里面遇到return,就表示函数已经执行完。第二次就是用在a作为按钮的时候,阻止浏览器的默认行为,也就是a链接的自动跳转。术语简介:那么什么是默认行为呢?就是浏览器会对一些元素默认给予一定的操作,比如a,input[... 阅读全文
posted @ 2013-05-17 17:01 enggirl 阅读(698) 评论(0) 推荐(0) 编辑
摘要: 跟mouse有关的事件有这样几对:mouseuup跟mousedown,mouseover跟mouseout,mouseenter跟mouseleave,还有mousemove,隐性mouse动作hover和click。 为什么说hover是隐性mouse动作呢?因为$(selector).hover(handlerIn, handlerOut)是$(selector).mouseenter(handlerIn).mouseleave(handlerOut)的简写。 mouseenter跟mouseleave本是IE支持的属性,但是经过jq处理后,可以不需要考虑浏览器的兼容,而且与mo... 阅读全文
posted @ 2013-04-01 17:10 enggirl 阅读(1523) 评论(0) 推荐(1) 编辑