关于鼠标经过图片有边框和鼠标经过单元格有边框的实现方法!

【鼠标经过图片链接有边框】

其实,就是将一张图片的链接放在一个层里,在这个层里嵌套一个类(id),在css文件里设置这个类的a和a:hover两个属性就可以了。a里设置最基本的图片链接默认状态,一个padding值和with值就可以了。在a:hover里设置padding的值相对a里的padding值少一个像素就可以了。再设置border的具体值就可以了。css里id的写法如下:

div#img_border a{
     padding:3px;
     width:1px;
}
div#img_border a:hover{
   padding:2px;
   border:#999 solid 1px;
}

【鼠标经过单元格有边框】

其实,它的实现方法是在td里使用onmouseover和onmouseout两个事件,在css里写两个不同的针对边框的类就可以了。

css里的id写法如下:

#aa{
border:1px solid ff6600
}
#bb{
border:1px solid #323232
}

在表格里使用两个事件的写法:

<td onMouseOver=”this.id=’aa’” onMouseOut=”this.id=’bb’”></td>

Write a comment