下面是几种比较特殊的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>
中间填入要收藏和设为首页的网址即可
如有其它比较实用的代码,欢迎互相交流。