QQ 1640076782

2014年09月28日

常用的几种特殊简单的CSS,js样式

Filed under: 猪哥,英语网站设计 — 标签:, — limeng @ 8:52 上午

下面是几种比较特殊的CSS,js样式

第一种:去掉a外面框的虚线(一般IE,火狐点击后会出现)

我们一般使用a的时候,IE里面默认a外面都会用虚线包围,这样比较影响美观,下面就是去掉默认的虚线css样式

a { color:#444; text-decoration:none;}
a:focus { outline:0;}
a:focus,a:hover { color:#e72101; text-decoration:underline;}

虚线的样式主要就是outline,把这个设置为0即可。

第二种:使某个框架或是图片在屏幕中垂直水平居中

.Box{
position:absolute;width:1260px;height:680px;left:50%;top:50%;margin-left:-630px;margin-top:-340px
}

这个原理比较简单,就是使用绝对定位,往左移动了原本屏幕的50%,然后减掉自身宽度的一半,高度也是同理,这样就能使此框架正居屏幕中间

第三种:鼠标经过图片时,图片变色,鼠标移开时,恢复原样

这个方法其实也就是鼠标经过时换了张图片,鼠标移开时,又恢复成了原本的那张图片

<a href=”f”><img src=”img/1.gif”  onMouseOver=’this.src=”img/2.gif”‘ onMouseOut=’this.src=”img/1.gif”‘ width=”" height=”"></a>

onMouseOver是鼠标经过,onMouseOut是鼠标移开,直接更换后面的图片即可

第四种:设为首页,加入收藏代码

这个在中文网站中比较常用,一般出现在网站右上角

<a href=# onclick=”this.style.behavior=’url(#default#homepage)’;this.setHomePage(‘https://www.onepound.cn/’);”>设为首页</a>

<a href=”javascript:window.external.AddFavorite(‘https://www.onepound.cn’,'万方’)”>收藏本站</a>

中间填入要收藏和设为首页的网址即可

如有其它比较实用的代码,欢迎互相交流。