0

以下のコードを使用して、いくつかの CMS からメイン メニュー要素をロードします。現在のコードは、メニューの 1 行にすべてのメイン アイテムをロードすることを除いて完璧です。これにより、中央に配置されたデザイン (1000 ピクセル未満) では幅が使用できなくなります。 .. このスクリプトを変更して、15 個のメイン要素の後に「MORE」ボタンを追加し、その下に残りのメイン メニュー項目がこの「MORE」ボタンのサブ項目として表示されるようにします (独自のサブ項目はありません)。 -最初の 15 項目と同じように).どうすればよいですか? ありがとう！

        <?php 

require_once( '../../../inc/header.inc.php' );
require_once( DIRECTORY_PATH_INC . 'membership_levels.inc.php' );
require_once( DIRECTORY_PATH_ROOT . "templates/tmpl_{$tmpl}/scripts/TemplMenu.php" );

            class SimpleMenu extends TemplMenu
            {
            function getCode()
            {
            $this->iElementsCntInLine = 100;
            $this->getMenuInfo();
            $this->genTopItems();
            return $this->sCode;
            }

            function genTopItem($sText, $sLink, $sTarget, $sOnclick, $bActive, $iItemID, $isBold = false, $sPicture = '')
            {
            $sActiveStyle = ($bActive) ? ' id="tm_active"' : '';

            if (!$bActive) {
            $sAlt= $sOnclick ? ( ' alt="' . $sOnclick . '"' ) : '';
            $sTarget  = $sTarget  ? ( ' target="_parent"' ) : '';
            }

            $sLink = (strpos($sLink, 'http://') === false && !strlen($sOnclick)) ? $this->sSiteUrl . $sLink : $sLink;

            $sSubMenu = $this->getAllSubMenus($iItemID);

            $sImgTabStyle = $sPictureRep = '';
            if ($isBold && $sPicture != '') {
            $sPicturePath = getTemplateIcon($sPicture);
            $sPictureRep = "<img src='{$sPicturePath}' style='vertical-align:middle;width:16px;height:16px;' />";
            $sText = '&nbsp;';
            $sImgTabStyle = 'style="width:38px;"';
            }

            $sMainSubs = ($sSubMenu=='') ? '' : " {$sSubMenu} </a>";
            $this->sCode .= "

               <li><a href='{$sLink}' {$sOnclick} target='_parent'>{$sPictureRep}{$sText}</a>
                <div id='submenu'>
                <ul>
                 <li>{$sMainSubs}</li>
                </ul>
                </div>
               </li>
            ";
            }
            }

            $objMenu = new SimpleMenu();
            echo "<ul id='ddmenu'>";
            echo $objMenu->getCode();
            echo "</ul>";

    ?>
4

1 に答える 1

0

個人的には、これを行うには CSS と Javascript (+jQuery) を使用します。

Javascript を使用して、インデックスが 15 以上liのを検索し、別のクラスを指定します。ul#ddmenu次に、「その他」ボタンを追加し、onclick/hover などを使用して残りliの s を表示します。

于 2010-04-17T10:40:03.620 に答える