你好? 很多地方都有這種效果的 比如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)信:善待客戶,將會(huì)成為終身客戶。我們能堅(jiān)持多年,是因?yàn)槲覀円恢笨芍档眯刨?。我們從不忽悠初訪客戶,我們用心做好本職工作,不忘初心,方得始終。十年網(wǎng)站建設(shè)經(jīng)驗(yàn)創(chuàng)新互聯(lián)公司是成都老牌網(wǎng)站營(yíng)銷服務(wù)商,為您提供網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、HTML5、網(wǎng)站制作、高端網(wǎng)站設(shè)計(jì)、成都小程序開(kāi)發(fā)服務(wù),給眾多知名企業(yè)提供過(guò)好品質(zhì)的建站服務(wù)。
點(diǎn)擊某個(gè)li時(shí) 將他的邊框變?yōu)?/p>
2px solid red?? 并且讓自己子級(jí) div顯示就好了
順便貼個(gè)自己仿得JD商品展示效果圖片
希望能幫到你 謝謝
仿《當(dāng)下軟件園》 帝國(guó)cms7.5內(nèi)核免費(fèi)下載
鏈接:
提取碼:dg4n
《帝國(guó)網(wǎng)站管理系統(tǒng)》英文譯為"Empire CMS",簡(jiǎn)稱"Ecms",它是基于B/S結(jié)構(gòu),且功能強(qiáng)大而帝國(guó)CMS-logo易用的網(wǎng)站管理系統(tǒng)。本系統(tǒng)由帝國(guó)開(kāi)發(fā)工作組獨(dú)立開(kāi)發(fā),是一個(gè)經(jīng)過(guò)完善設(shè)計(jì)的適用于Linux/windows引/Unix等環(huán)境下高效的網(wǎng)站解決方案。從帝國(guó)新聞系統(tǒng)1.0版至帝國(guó)網(wǎng)站管理系統(tǒng),它的功能進(jìn)行了數(shù)次飛躍性的革新,使得網(wǎng)站的架設(shè)與管理變得極其輕松!
國(guó)產(chǎn)cms軟件有:
1、織夢(mèng)CMS
織夢(mèng)CMS采用XML名字空間風(fēng)格核心模板:模板全部使用文件形式保存,對(duì)用戶設(shè)計(jì)模板、網(wǎng)站升級(jí)轉(zhuǎn)移均提供很大的便利,健壯的模板標(biāo)簽為站長(zhǎng)DIY自己的網(wǎng)站提供了強(qiáng)有力的支持。
高效率標(biāo)簽緩存機(jī)制:允許對(duì)類同的標(biāo)簽進(jìn)行緩存,在生成HTML的時(shí)候,有利于提高系統(tǒng)反應(yīng)速度,降低系統(tǒng)消耗的資源。
模型與模塊概念并存:在模型不能滿足用戶所有需求的情況下,推出一些互動(dòng)的模塊對(duì)系統(tǒng)進(jìn)行補(bǔ)充,來(lái)盡量滿足用戶的需求。
2、帝國(guó)CMS
帝國(guó)CMS是一個(gè)經(jīng)過(guò)十多年不斷完善設(shè)計(jì)的適用于Linux/windows/Unix等環(huán)境下高效的網(wǎng)站解決方案。
采用了系統(tǒng)模型功能:用戶通過(guò)此功能可直接在后臺(tái)擴(kuò)展與實(shí)現(xiàn)各種系統(tǒng),大容量數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì);高安全嚴(yán)謹(jǐn)設(shè)計(jì);采用了模板分離功能:把內(nèi)容與界面完全分離,靈活的標(biāo)簽+用戶自定義標(biāo)簽,使之能實(shí)現(xiàn)各式各樣的網(wǎng)站頁(yè)面與風(fēng)格。
欄目無(wú)限級(jí)分類;前臺(tái)全部靜態(tài):可承受強(qiáng)大的訪問(wèn)量;強(qiáng)大的信息采集功能;超強(qiáng)廣告管理功能。
3、PhpCMS
PhpCMS采用PHP5+MYSQL做為技術(shù)基礎(chǔ)進(jìn)行開(kāi)發(fā)。V9采用OOP(面向?qū)ο螅┓绞竭M(jìn)行基礎(chǔ)運(yùn)行框架搭建。模塊化開(kāi)發(fā)方式做為功能開(kāi)發(fā)形式。
框架易于功能擴(kuò)展,代碼維護(hù),優(yōu)秀的二次開(kāi)發(fā)能力,可滿足所有網(wǎng)站的應(yīng)用需求。
4、易通CmsEasy
易通CmsEasy采用PHP + Mysql架構(gòu),是一款對(duì)SEO非常友好、功能全面、支持多語(yǔ)言、響應(yīng)式展示,極其適合企業(yè)網(wǎng)站建設(shè)的cms建站系統(tǒng)。
響應(yīng)式布局,支持PC、手機(jī)、微信、小程序!內(nèi)置完善的SEO搜索引擎優(yōu)化機(jī)制,鼠標(biāo)拖拽可視化編輯網(wǎng)站模板。
5、動(dòng)易SiteFactory
動(dòng)易SiteFactory是具有靈活的產(chǎn)品架構(gòu)、嚴(yán)密的安全性、無(wú)限的擴(kuò)展性和伸縮性,能夠高效構(gòu)建起各種信息資訊類網(wǎng)站、企業(yè)內(nèi)部知識(shí)網(wǎng)站、企業(yè)信息/產(chǎn)品展示門戶網(wǎng)站、軍區(qū)內(nèi)網(wǎng)等多種網(wǎng)站應(yīng)用型平臺(tái)。
擁有多種靈活、先進(jìn)的互聯(lián)網(wǎng)WEB應(yīng)用模塊,使得系統(tǒng)即使在面對(duì)復(fù)雜繁多的企業(yè)經(jīng)營(yíng)管理需求時(shí)都能夠應(yīng)對(duì)自如。
你自己首先要會(huì)DIV+CSS代碼的開(kāi)發(fā),然后使用 Dreamweaver軟件進(jìn)行模板頁(yè)面的修改跟調(diào)整。
最后上傳到帝國(guó)CMS的模板目錄內(nèi),進(jìn)行測(cè)試。