首页> 前端开发

网站链接中nofollow标签的使用和意义

分类:前端开发2012-04-01阅读:(983)标签:html
<p>1、NoFollow是什么?</p><p>NoFollow是Google在2005年1月提出的一个避免Spam的标准,很快被世界各大搜索引擎采用。如今,为了避免Spam从其它网站的用户留言中获取不当利益,国内外主流Blog效劳商(如WordPress和MovableType)和建站软件,也都对用户留言的链接自动添加了NoFollow属性,因而这些链接...

IE6下PNG背景透明的七种方法

分类:前端开发2012-03-14阅读:(931)标签:css
PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。PNG格式比起GIF来表现色彩更丰富,特别是表现渐变以及背景透明的渐变要比GIF格式出色很多,目前,最新的浏览器基本上都支持PNG格式。但是IE6不支持PNG背景透明,会显示一个灰色的框。IE6下PNG背景透明的解决办法一用CSS hack 解决.png...

CSS specificity优先级规则与算法

分类:前端开发2012-03-07阅读:(1144)标签:css
<p>CSS 的specificity 特性或称非凡性,它是衡量一个衡量CSS值优先级的一个标准,既然作为标准,就具有一套相关的判定规定及计算方式,specificity用一个四位的数 字串(CSS2是三位)来表示,更像四个级别,值从左到右,左面的最大,一级大于一级,数位之间没有进制,级别之间不可超越。在多个选择符应用于同一个元素上那么Specificity值高的最终获得优先级。...

iframe高度自适应代码(兼容FF,Opera,Safari)

分类:前端开发2012-03-07阅读:(1223)标签:javascript, html
网上关于iframe高度自适应的代码有很多,但比较杂乱,有一些过于复杂,有一些存在明显错误。缘由心生给出了一段修改后的精简版本,感觉不错,简单修正了其中一处Opera下的错误,代码如下:JavaScript部分:<script type=”text/javascript”> function SetCwinHeight(iframeObj){ if (document.getEl...

input标签text和button隐藏边框注意事项

分类:前端开发2012-02-28阅读:(1225)标签:css
网页中通常会有一些表单,像搜索框往往还有背景,但是type=“button” 和type=“text”都默认有边框,把边框都去掉,按照习惯直接none。发现input text在IE6与IE7中边框并没有去掉(button类型的input有效果,边框已被去掉)。谨记,input[type=button]{border:0;} — 在IE6中不兼容—input{border:none;}/...

CSS清除浮动

分类:前端开发2011-12-26阅读:(997)标签:css
清除浮动方法很多,最好是不用多余的标签,减少代码编写。以前多用的是.cb{clear:both;margin:0;padding:0;height:0;overflow:hidden;};在要闭合的地方插入对空标签如<p class=”cb”></p>,现在觉得,太浪费了。去掉无语义的标签,在要闭合浮动的层上加上下面的浮动清除样式就好多了。<style type...

文字被选中状态

分类:前端开发2011-12-15阅读:(868)标签:javascript
微博有一个插入讨论话题的功能,点击插入话题,在文本域里话题文字处于被选中状态,只需直接键入所需话题即可,用户体验很好。还有一种默认值修改,快速将文本域的内容选中。插入话题选中文字状态:<textarea id=”target”></textarea> <p><input type=”button” id=”btn” value=”插入话题” />...

JS截取字符串

分类:前端开发2011-12-13阅读:(1179)标签:javascript
JS截取字符串,以某个字符为分割线,截取相应的字符,如下面的例子,以邮箱为用户名,但地址太长,影响界面布局,就需要截掉一部分,以@为分割点,只留@前面的字符串,可以用substring(0,indexOf())和split()来截取,具体操作方法如下。<span id=”uid”>fuxiaochun@fuxiaochun.com</span>方法一:<scri...

滚动鼠标滚轮缩放当前图片

分类:前端开发2011-12-09阅读:(1062)标签:javascript
在很多网站里我们常看到有些文章里的图片被鼠标覆盖,滚动鼠标滚轮的时候,覆盖的图片也相应的放大缩小了。这样很方便地放大图片,看到小图里一些细节。这种效果如何实现?实例如下:<script type=”text/javascript”> function sfimg(o) { var zoom=parseInt(o.style.zoom, 10)||100; zoom+=event....

邀请链接复制链接地址的方法

分类:前端开发2011-12-08阅读:(1249)标签:javascript
在做邀请页面的时候,通常会做点击复制邀请链接到剪贴板,有直接复制链接地址的,也有推荐网页,复制网页标题和网页地址的。这里介绍两种方法。方法一(直接复制地址):<script type=”text/javascript”> function copylink(urlString) {var clipBoardContent=urlString; window.clipboardDa...
前端开发