你好? 很多地方都有這種效果的 比如jd? 他的原理是? 這是一串 ul? li? 并且每個(gè)li 都 relative?? 然后在每個(gè)li中加上 div? style="width:10px;height:10px;background:url(小勾勾圖片名稱) no-repeat; display:none;"/div
創(chuàng)新互聯(lián)堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站設(shè)計(jì)制作、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的漢中網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
點(diǎn)擊某個(gè)li時(shí) 將他的邊框變?yōu)?/p>
2px solid red?? 并且讓自己子級(jí) div顯示就好了
順便貼個(gè)自己仿得JD商品展示效果圖片
希望能幫到你 謝謝
如果只是新聞?wù)究梢杂胮hpcms做,如果涉及到購(gòu)物車建議你用ecshop做
ecshop全開源的,而且教程和標(biāo)簽說明比phpcms清楚很多,支付寶快遞等接口也齊全的
希望對(duì)你有幫助!
帝國(guó)CMS商城購(gòu)物車 cookie開發(fā)示例:在購(gòu)物車直接刪除某件商品
分析:根據(jù)購(gòu)物車COOKIE的格式,我們得到欄目ID,內(nèi)容ID,購(gòu)買數(shù)量(不一定是必須的),之后組合格式,刪除COOKIE中的此段內(nèi)容,重新打開購(gòu)物車/或刷新購(gòu)物車頁面,這樣就可以不用調(diào)整購(gòu)物車,二直接刪除某件商品;
要點(diǎn):
1.需要一個(gè)PHP腳本頁從用戶刪除商城COOKIE中刪除提交的商品
2.為了直觀方便體驗(yàn)好,還是使用AJAX效果(trylife使用的是JQuery),所以又下面2條
3.給購(gòu)物車商品行加個(gè)ID格式為:product-欄目ID-信息ID-購(gòu)買數(shù)量
3.商品行每行增加一個(gè)刪除按鈕
3.一個(gè)ajax函數(shù)用于處理刪除動(dòng)作
文件修改與增加:
修改文件:e/template/ShopSys/buycar.php 商城購(gòu)物車模板
增加問津:e/trylife/ShopSys-demo/del-product.php 刪除單個(gè)商品處理文件
購(gòu)物車cookie聲明與讀取
聲明: SetBuycar($buycar) e/class/ShopSysFun.php
讀?。?$buycar=getcvar(‘mybuycar’);
帝國(guó)CMScookie操作函數(shù)查看《esetcookie() getcvar() -帝國(guó)CMS cookie 操作函數(shù)》