左侧纵向选项卡效果-JS特效-爱易网页

左侧纵向选项卡效果

日期：2014-05-18　浏览次数：20268 次

以下是程序代码

<style>
td,a,body{font-size:9pt;}
.DivAround_focus{cursor:pointer;background-color:#A1ACDB;border-right:solid 1px #A1ACDB;border-bottom:solid 1px #333333; border-left:solid 1px #C8CEEA;  border-top:solid 1px #C8CEEA;color:#000000}
.DivAround_blur{cursor:pointer;background:#4D5C9F;border-right:solid 1px #eeeeee;border-bottom:solid 1px #333333; border-left:solid 1px #798ACC;  border-top:solid 1px #A1ACDB;color:#FFFFFF}
.DivAround_content{background-color:#A1ACDB;border-right:solid 1px #888888;border-bottom:solid 1px #555555; border-left:0px; border-top:solid 1px #C8CEEA;}
body{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=darkblue,endColorStr=skyblue);}
</style>
<script language="javascript">
var AroundInfoArray=new Array();
AroundInfoArray[0]="站长特效网,专注于网页特效及广告代码.
我们的网址是:<a href='http://www.zzjs.net'>www.zzjs.net</a>";
AroundInfoArray[1]="zzjs欢迎您，打造国内最帅的网页特效站，站长特效网。";
AroundInfoArray[2]="zz，站长，js，js特效，zzjs，站长特效，.com已泛滥，用.net打造靓站。";
function ChangeFocus(obj)
{//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
for(i=0;i<document.getElementById("leftButtonTAble").rows.length;i++)
{
 if(document.getElementById("leftButtonTAble").rows[i].cells[0]==obj)
 {
  document.getElementById("leftButtonTAble").rows[i].cells[0].className="DivAround_focus";
  document.getElementById("DivAroundContent").innerHTML=AroundInfoArray[i];
 }else{
  document.getElementById("leftButtonTAble").rows[i].cells[0].className="DivAround_blur";
 }
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
}
</script>
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<table cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#6271B1"><tr><td width="84" valign="top">
   <table cellpadding="0" cellspacing="0" border="0" height="407" width="84" id="leftButtonTAble">
    <tr><td height="25" align="center" class="DivAround_focus" onClick="ChangeFocus(this)">站长特效网</td></tr>
    <tr><td height="25" align="center" class="DivAround_blur" onClick="ChangeFocus(this)">盗帅留香 </td></tr>
    <tr><td height="25" align="center" class="DivAround_blur" onClick="ChangeFocus(this)">寒流来袭</td></tr>
    <tr><td style="border-right:solid 1px #eeeeee"> </td></tr>
   </table>
  </td><td width="360">
   <table cellpadding="0" cellspacing="0" border="0" width="100%" class="DivAround_content">
    <tr><td height="406" valign="top" style="padding:4px" id="DivAroundContent">内容</td></tr>
   </table>
  </td></tr>
  </table>
  <script language="javascript">ChangeFocus(document.getElementById("leftButtonTAble").rows[0].cells[0]);</script>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

唯品会荣登“最贵中概股”的欢喜与哀愁

雷军收买腾讯金山股份：持股比例升至27%

让一让，小米4来了，碰见米粉请务必绕道走！

百度透露无人驾驶战略研发三维交通地图

9158屌丝逆袭从在线“夜总会”转型KTV

“论文查重”网店一月收入竟过百万

评论：阿里为什么不试着收购一家香港媒体呢

孙正义入股阿里往事还原：阿里巴巴并非软银首选

《归来》遭视频网盗播乐视网状告小米盒子侵权

香港全能空间免费试用15天香港高速云虚拟主机PHP/ASP/NET送MSSQL和MYSQL

推荐阅读更多>