关于边框的问题-慕课网

首页课程实战体系课手记专栏慕课教程

关于边框的问题

来源：10-1 编程挑战

彭若飞

2016-04-18 12:20

我想要在js中去改变边框，通过鼠标的经过来触发，但是不知道要用什么代码去改变边框的粗细和颜色啊！！！！急死了！！！　现在就是美化的工作搞得纠结的要死！！

window.onload=function(){

demo1();

}

function demo1(obj){

var x1=document.getElementById("fc");

var x2=document.getElementById("jj");

var x3=document.getElementById("ers");

x1.style.display="block";

x2.style.display="none";

x3.style.display="none";

}

function demo2(obj){

var x1=document.getElementById("fc");

var x2=document.getElementById("jj");

var x3=document.getElementById("ers");

x1.style.display="none";

x2.style.display="block";

x3.style.display="none";

}

function demo3(ojb){

var x1=document.getElementById("fc");

var x2=document.getElementById("jj");

var x3=document.getElementById("ers");

x1.style.display="none";

x2.style.display="none";

x3.style.display="block";

}

</script>

<style>

*{margin:0;padding:0;}

ul{ list-style:none;}

li{border:1px solid;float:left;font-family:"微软雅黑";margin-right:30px;}

div{width:250px;height:200px;margin:10px 10px;}

p{ clear:both;font-family:"微软雅黑";text-indent:2em;line-height:2em;border:1px solid #06F;border-top:3px solid #CC0}

a{text-decoration:none;display:block;width:50px;height:30px;}

</style>

</head>

<body>

<div>

<ul>

</ul>

<p id="fc"> 275万购昌平邻铁三居总价20万买一居

200万内购五环三居 140万安家东三环

北京首现零首付楼盘 53万购东5环50平

京楼盘直降5000 中信府公园楼王现房</p>

<p id="jj">40平出租屋大改造美少女的混搭小窝

经典清新简欧爱家 90平老房焕发新生

新中式的酷色温情 66平撞色活泼家居

瓷砖就像选好老婆卫生间烟道的设计</p>

<p id="ers">通州豪华3居260万二环稀缺2居250w甩

西3环通透2居290万 130万2居限量抢购

黄城根小学学区仅260万 121平70万抛!

独家别墅280万苏州桥2居优惠价248万</p>

</div>

</body>

</html>

写回答关注

2回答

兰小尔

2016-04-18 20:29:30

x1.style.borderColor='';在函数中加

0 0
面包果

2016-04-18 18:31:00

改变DOM的css类名称，JavaScript入门篇 3-6有讲到

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468788 学习 · 22582 问题

查看课程

相似问题

关于LI边框

回答 1

边框问题。。。

回答 1

关于复选框的问题

回答 2

边框覆盖问题

回答 3

关于弹出对话框的问题

回答 6

打开慕课网App查看更多内容