欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用JavaScript動(dòng)態(tài)設(shè)置樣式實(shí)現(xiàn)代碼(2)

 更新時(shí)間：2013年01月25日 09:59:26   作者：  
使用onmouseover和onmouseout事件實(shí)現(xiàn)不同的效果而且是使用js動(dòng)態(tài)實(shí)現(xiàn)，本文有利于鞏固你js與css方面的知識(shí)，感興趣的你可以了解下哦，希望本文對(duì)你有所幫助
你可以參考到前一版本 http://www.dbjr.com.cn/article/33555.htm 這個(gè)有點(diǎn)不好的地方，就是如果想改變樣式，也許得使用查找替換才行。

因此，Insus.NET寫出另外一個(gè)方法來實(shí)現(xiàn)，這樣可以改一應(yīng)用百。
先寫一個(gè)樣式Style:
復(fù)制代碼 代碼如下:

<style type="text/css">
.overStyle
{
border-color:#3599ff;
}
.outStyle
{
border-color: #fff;
}
</style>

Javascript也要改一下：
復(fù)制代碼 代碼如下:

<script type="text/javascript">
function onOver(Id) {
Id.className = 'overStyle';
}
function onOut(Id) {
Id.className = 'outStyle';
}
</script>

最后是html的動(dòng)態(tài)應(yīng)用。
復(fù)制代碼 代碼如下:

<fieldset id="fs1" style="margin: 10px; padding: 10px; width: 170px; text-align: center;"
onmouseover="onOver(this)" onmouseout="onOut(this)">
ERP <a target="_blank">http://xxx.xxx.com/erp </a>
</fieldset>

相關(guān)文章

最新評(píng)論