ホームページ >バックエンド開発 >PHPチュートリアル >スタイル切り替えに関する質問

スタイル切り替えに関する質問

WBOYオリジナル: 2016-06-13 13:44:17917ブラウズ

关于样式切换的问题

PHP code

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><!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"></div><!--//i_news_bot-->
                </div><!--//left_mess-->
            </div><!--//son_left-->
            <div class="son_right right"><!--//son_rtitile--><!--//news_txt-->
          <div class="run left"></div>

                <!--//run-->
            </div><!--//son_right-->
        </div><!--//son_txttop-->
        <div class="clear"></div>
        <div class="son_txtbot"></div><!--//son_txttop-->
    </div><!--//son_txt-->
</ボディ>
</html>


 <div class="clear"></div>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：x_debug、それに対処する方法次の記事：x_debug、それに対処する方法

続きを見る

スタイル切り替えに関する質問

関連記事