JS+CSS给图片加上鼠标滑过的方框
2016-07-11 11:08
477 查看
<title>JS+CSS给图片加上鼠标滑过的方框</title>
<style>
.borderimage{
border:3px solid #ffffff;
}
</style>
<script language="JavaScript">
function borderit(which,color){
//if IE 4+ or NS 6+
if (document.all||document.getElementById){
which.style.borderColor=color
}
}
</script>
<img src="wall_s7.jpg" class="borderimage" onMouseover="borderit(this,'#cccccc')" onMouseout="borderit(this,'white')">
<style>
.borderimage{
border:3px solid #ffffff;
}
</style>
<script language="JavaScript">
function borderit(which,color){
//if IE 4+ or NS 6+
if (document.all||document.getElementById){
which.style.borderColor=color
}
}
</script>
<img src="wall_s7.jpg" class="borderimage" onMouseover="borderit(this,'#cccccc')" onMouseout="borderit(this,'white')">
相关文章推荐
- li里面嵌套a标签html和css小例子
- CSS制作的类似相册浏览的功能
- CSS完成神奇创意的相框
- CSS使用图片完美修饰的全兼容圆角框
- 一个简单的TabItem样式。
- css中padding与margin
- css中单位px和em,rem的区别
- CSS3 常用滤镜效果
- html和css实现透明div上的div不透明,也可说父div透明,子div不透明
- CSS中margin和padding的区别
- 设置absolute后元素宽度问题
- 解决不同浏览器下获取样式的兼容性问题
- CSS定义input disabled样式
- 最近在调页面样式布局的时候发现,table布局在IE7以上的版本中支持不够好
- CSS text-transform 属性——转换文本的大小写格式
- 盒模型
- css简单样式
- css选择器&选择器的优先级
- 利用css+原生js制作简单的钟表
- css的引入方式