聯(lián)動是ajax效果,根據(jù)上級選項的值,然后獲取下級的選項
創(chuàng)新互聯(lián)堅持“要么做到,要么別承諾”的工作理念,服務領域包括:網(wǎng)站建設、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務,滿足客戶于互聯(lián)網(wǎng)時代的高昌網(wǎng)站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴!
結合項是篩選功能,多字段查詢功能
你好? 很多地方都有這種效果的 比如jd? 他的原理是? 這是一串 ul? li? 并且每個li 都 relative?? 然后在每個li中加上 div? style="width:10px;height:10px;background:url(小勾勾圖片名稱) no-repeat; display:none;"/div
點擊某個li時 將他的邊框變?yōu)?/p>
2px solid red?? 并且讓自己子級 div顯示就好了
順便貼個自己仿得JD商品展示效果圖片
希望能幫到你 謝謝
在phpcms中,聯(lián)動菜單的管理位置位于“后臺-擴展-聯(lián)動菜單”,支持自定義添加。因為問題中沒有具體說明在哪里調用,那我就從使用于開發(fā)的幾個角度來講聯(lián)動菜單的調用:
一、我們常用的是在自定義數(shù)據(jù)模型字段中:
創(chuàng)建的聯(lián)動菜單項將應用于后臺內(nèi)容(文章)添加界面。在“后臺-內(nèi)容-數(shù)據(jù)模型-字段管理-添加字段”中,字段類型設置為“聯(lián)動菜單”,然后在“菜單id”選項處通過聯(lián)動菜單列表選擇你要使用的菜單,例如地區(qū)聯(lián)動菜單,并可設定聯(lián)動菜單的返回值的方式。然后在內(nèi)容添加編輯界面可出現(xiàn)此聯(lián)動菜單項了。
主要設置顏色如下:
編輯界面顯示效果如下:
當然,菜單顯示樣式(下拉式、彈窗式)可在“后臺-擴展-聯(lián)動菜單-修改”中配置。
二、在phpcms模板中直接調用聯(lián)動菜單:
此方法不常用。具體方法是來到“后臺-擴展-聯(lián)動菜單列表”,你會看到每一個聯(lián)動菜單都有一個調用代碼,將此代碼復制粘貼到你想放的模板位置即可。
但根據(jù)經(jīng)驗,這還不夠,因為雖然通過此代碼把聯(lián)動菜單掉出來了,但是因為缺乏此菜單顯示時的css、js文件導致缺乏樣式與效果從而顯示不正常,所以需要保證你的模板里同時引入了一下幾個文件:
statics/js/dialog.js
statics/js/linkage/js/pop.js
statics/css/dialog.css
三、在php文件中或者在模板中使用萬能標簽直接讀取聯(lián)動菜單數(shù)據(jù)表中的數(shù)據(jù):
此方法往往在我們進行二次開發(fā)中使用。聯(lián)動菜單數(shù)據(jù)存放在v9_linkage數(shù)據(jù)表中,可根據(jù)字段parentid等字段指定獲取不同層級數(shù)據(jù)。
因為開發(fā)相關會涉及到phpcms的相關類方法或函數(shù)相對來說比較復雜,這里就不詳細講解了,具體可參考官方開發(fā)手冊以及iphpcms的視頻教程,這里給出演示代碼以作了解:
php程序中調用代碼演示:
$linkage_db?=?pc_base::load_model("linkage_model");?//引入模型
$data?=?$linkage_db-select(array('parentid'=0));?//讀取指定條件的數(shù)據(jù)
模板中萬能標簽寫法演示:
{pc:get?sql="select?*?from?phpcms_linkage?where?parentid=0?and?keyid=1"?num="99"}
{loop?$data?$v}
li省份:{$v[name]}/li
{/loop}
{/pc}
本方法中獲取的是原始的數(shù)據(jù)表數(shù)據(jù),沒有簽名方法中的相關html代碼css樣式等修飾,自己根據(jù)需求進行相應處理渲染即可。
PS: ?1. 以上方法前兩個偏向于系統(tǒng)應用,后者偏向于開發(fā),希望對你有所幫助吧。如果仍有疑惑可以追問。2.考慮的你說的“聯(lián)動菜單”有指“導航條聯(lián)動下拉效果”的嫌疑,這里附注一段調用演示代碼:
{pc:content?action="category"?catid="0"?num="25"?siteid="$siteid"?order="listorder?ASC"}
lidiva?href="{siteurl($siteid)}/"span網(wǎng)站首頁/span/a/div/li
{loop?$data?$k?$v}
lidiv
a?href="{$v[url]}"span{$v[catname]}/span/a
ul?class="sub_mune_ul"?style="display:?none;?"
{pc:content?action="category"?catid="$k"?num="10"?siteid="$siteid"?order="listorder?ASC"}
{loop?$data?$r}?lia?href="{$r[url]}"{$r[catname]}/a/li?{/loop}
{/pc}
/ul/div/li
{/loop}
{/pc}
第一步:
后臺添加三個數(shù)據(jù)表字段
字段名:pro
字段標識:省
輸入表單替換Html代碼:
字段名:city
字段標識:市
輸入表單替換Html代碼:
字段名:area
字段標識:縣
輸入表單替換Html代碼:
第二步:
建立完畢后,在到 管理系統(tǒng)模型 修改生成相應的表單!
三個字段設為 提交項 可添加 修改 列表顯示 結合項
第三步:
打開 e/admin/AddNews.php 文件
把以下代碼粘貼到結尾的隨便位置即可
第四步:
下載底部連接中的兩個JS上傳到 e/admin/
JS為UTF-8編碼,其他請自己轉碼
到此后臺已經(jīng)實現(xiàn)添加內(nèi)容三級聯(lián)動
第五步:
在前臺顯示位置添加一下代碼可篩選查