關(guān)于邊框的問題
我想要在js中去改變邊框,通過鼠標(biāo)的經(jīng)過來觸發(fā),但是不知道要用什么代碼去改變邊框的粗細和顏色啊?。。?!急死了?。?! 現(xiàn)在就是美化的工作搞得糾結(jié)的要死?。?/p>
<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)">房產(chǎn)</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萬內(nèi)購五環(huán)三居 140萬安家東三環(huán)
? ? 北京首現(xiàn)零首付樓盤 53萬購東5環(huán)50平
? ? 京樓盤直降5000 中信府 公園樓王現(xiàn)房</p>
? ??
? ? <p id="jj">40平出租屋大改造 美少女的混搭小窩
? ? ?經(jīng)典清新簡歐愛家 90平老房煥發(fā)新生
? ? ?新中式的酷色溫情 66平撞色活潑家居
? ? ?瓷磚就像選好老婆 衛(wèi)生間煙道的設(shè)計</p>
? ? ?
? ? ?<p id="ers">通州豪華3居260萬 二環(huán)稀缺2居250w甩
? ? ?西3環(huán)通透2居290萬 130萬2居限量搶購
? ? ?黃城根小學(xué)學(xué)區(qū)僅260萬 121平70萬拋!
? ? ?獨家別墅280萬 蘇州橋2居優(yōu)惠價248萬</p>
</div>
</body>
</html>
2016-04-18
x1.style.borderColor='';在函數(shù)中加
2016-04-18
改變DOM的css類名稱,JavaScript入門篇 3-6有講到