標籤

印刷 (1) 行動裝置 (2) 批次 (1) 表單 (2) 套件 (4) 素材 (1) 動畫 (1) 部落格 (1) 電子書 (1) 導覽列 (6) 線上工具 (5) 檔案管理 (1) 瀏覽器 (2) animation (3) App (1) Bootstrap (3) canvas (2) CSS (20) excel (1) flash (2) html (3) html5 (2) IE (1) il (3) jQuery (5) js (5) loading (1) office (3) pdf (2) php (4) png (1) script (1) UI (3) windows (1) youtube (1)

2014年3月18日 星期二

onLoad 該頁選單特殊效果 - 3 種方法

樣式直接寫
<body onLoad="initTag();">
<script>
function initTag(){
  document.getElementById('menu2').style.backgroundColor='#004EA2';

}
</script>
<ul>
  <li class="float_right"> <a href="javascript:void(0);" id="menu5">選單四</a> |&nbsp;</li>
  <li class="float_right"> <a href="javascript:void(0);" id="menu4">選單三</a> |&nbsp;</li>
  <li class="float_right"> <a href="javascript:void(0);" id="menu3">選單二</a> |&nbsp;</li>
  <li class="float_right"> <a href="javascript:void(0);" id="menu2">選單一</a> |&nbsp;</li>
  <li class="float_right"><a href="index.php">回首頁</a> |&nbsp;</li>
</ul>
</body>




更換 class
<script>
function initTag(){

document.getElementById('menu4').className='你的class';
}
</script>


更換圖片
<script>
function initTag(){

  document.getElementById('menu2').src='圖片路徑';

}

</script>

沒有留言 :

張貼留言