關于邊框的問題
我想要在js中去改變邊框，通過鼠標的經過來觸發，但是不知道要用什么代碼去改變邊框的粗細和顏色?。。。。〖彼懒耍。?！ 現在就是美化的工作搞得糾結的要死??！
<script type="text/javascript">
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>
<li><a href="#" onmousemove="demo1(this)">房產</a></li>
? ? <li><a href="#" onmousemove="demo2(this)">家居</a></li>
? ? <li><a href="#" onmousemove="demo3(this)">二手房</a></li>
</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>
2016-04-18
x1.style.borderColor='';在函數中加
2016-04-18
改變DOM的css類名稱，JavaScript入門篇 3-6有講到