关于样式切换的有关问题
日期：2014-05-17 浏览次数：20354 次
关于样式切换的问题
- PHP code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<TITLE>{dede:global.cfg_webname/}</TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<META name=keywords content={dede:global.cfg_description/}>
<META name=description content={dede:global.cfg_keywords/}>
<link href="{dede:global.cfg_templeturl/}/default/css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/move.js"></script>
<script language="javascript" type="text/javascript">
var lastObj=null;
var lastIdx=1;
function test(obj,idx){
if(!lastObj){
lastObj = document.getElementById("test");
lastIdx = 1;
}
lastObj.className = "new"+lastIdx;
var old = document.getElementById("list"+lastIdx);
if(old)old.style.display="none";
obj.className = "class"+idx;
var n = document.getElementById("list"+idx);
if(n)n.style.display="block";
lastObj = obj;
lastIdx = idx;
}
</script>
<style type="text/css">
.class1{color:#fff; background:url(../images/son_menuon.jpg) no-repeat; height:32px; width:270px; display:block; text-decoration:none; padding-left:60px; line-height:32px;}
.new1{color:#fff; background:url(../images/son_menuon.jpg) no-repeat; height:32px; width:270px; display:block; text-decoration:none; padding-left:60px; line-height:32px; }
.class2{ color:#fff; background:url(../images/son_menuon.jpg) no-repeat; height:32px; width:270px; display:block; text-decoration:none; padding-left:60px; line-height:32px;}
.new2{ color:#fff; background:url(../images/son_menuon.jpg) no-repeat; height:32px; width:270px; display:block; text-decoration:none; padding-left:60px; line-height:32px;}
.class3{ color:#fff; background:url(../images/son_menuon.jpg) no-repeat; height:32px; width:270px; display:block; text-decoration:none; padding-left:60px; line-height:32px;}
.new3{ color:#fff; background:url(../images/son_menuon.jpg) no-repeat; height:32px; width:270px; display:block; text-decoration:none; padding-left:60px; line-height:32px;}
</style>
</head>
<body>
<div class="box"><!--//top--><!--banner-->
<div class="clear"></div>
<div class="son_txt"><!--//son_txttop-->
<div class="son_txtcon">
<div class="son_left left">
<div class="son_menu">
<ul>
<li><A href="{dede:type typeid='15'}[field:typelink /]{/dede:type}" class="class1" id="test" onclick="test(this,1)">?</A></li>
<li><A href="{dede:type typeid='16'}[field:typelink /]{/dede:type}" class="new2" onclick="test(this,2)"></A></li>
<li><A href="{dede:type typeid='17'}[field:typelink /]{/dede:type}" class="new3" onclick="test(this,3)">?</A></li>
</ul>
</div><!--//son_menu-->
<div class="left_mess">
<div class="left_mess_log"></div><!--//i_news_log--><!--//i_news_mid-->
<div class="clear"></div>
<div class="left_mess_bot"></d
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
