最简单的栏目切换方法（样式系列之栏目切换篇2）

日期：2007年12月9日作者：查看:[大字体中字体小字体]

这里特殊说明的是，标签部分可以用表格来实现的，想怎么调用就怎么调用，只要先行做好样式，可以图文混排，可以是新闻列表，可以是导读，你完全不用受本例效果限制，真的可以说是“为所欲为”了。样式的例子我也在样式系列中发了一些参考的，那些完全可以改成你自己要的。

这里做了一个简单的列表样式，就是新闻居左，日期右对齐的那种：

参考样式：<TR><TD width="15" vAlign="middle">·</TD> <TD width="165" vAlign="top" align="left"><A class=hei12 href="{NS:FS_NewsURL}" target=_blank>{NS:FS_NewsTitle}</A></TD> <TD width="65" vAlign="top" align="right">07-01-13 22:48:58</TD> </TR>

你再看看代码和插入标签后的效果是多么的简单：

代码及混合后位置：

<LINK
href="test2/play.Css" type=text/css

rel=stylesheet>

<SCRIPT>
var SwapID=0;
var PauseTime=15*1000;
var Timer1;
function swap(Obj)
{
var st = document.getElementsByName('lt2');
var j;
if(st.length>0)
{
  for(j=0; j<st.length; j++)
  {
   if(st[j]==Obj)
   {
    lt2[j].style.display='';
    //mt[j].style.background='url(images/lb1.gif)';#C8D5DD;
    //mt[j].style.background='#F2F7FD';
    mt[j].style.background='#ADC1DA'
    mt[j].style.color='#FFFFFF'
   }
   else
   {
    lt2[j].style.display='none';
    mt[j].style.background='#FFFFFF';
    mt[j].style.color='#333333'
   }
  }
}
}

function AutoSwap()
{
//StopSwap();Swap(lt[SwapID])
for (i=0;i<3;i++)
Swap(lt[i]);
//SwapID+=1;
//if (SwapID==3) { SwapID=1; }
上一页 [1] [2] [3] 下一页
最简单的栏目切换方法（样式系列之栏目切换篇2）相关文章：
·真三国无双3 最强武器 - 真三国无双4攻略秘籍 - 真三国无双4
·最新QQ圣诞表情
·最快速定制Vista桌面上的系统图标
·侠盗猎车3最新秘籍
·21世纪最怀念的30位AV女优秘密档案
·最详细的黑客入门法则
·QQ空间最新模拟植物代码
·经典短信:2007最新短信
·QQ空间最新圣诞挂件代码
·2004年最一针见血的279句话
最简单的栏目切换方法（样式系列之栏目切换篇2）相关软件
·《雷电III》最正宗续作
·《最终幻想12》超清晰CG动画
·《跑跑卡丁车》最新客户端
·WinPE (老毛桃最终修改版) V09.11
·《NBA2005》最新球员综合补丁
·《最终幻想7》中文汉化补丁
·《要塞2》简体中文汉化补丁最终版
·Windows PE 迷你系统维护光盘老毛桃最终修改版
·火影忍者2最强忍者大集结
·16人街霸最经典MD版

上一篇:有效控制新闻内容的图片的尺寸

下一篇:自由标签实现[公告新闻]向上滚动！！

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

最简单的栏目切换方法（样式系列之栏目切换篇2）

精品推荐

热点TOP10

特别推荐