你好 很多地方都有这种效果的 比如jd 他的原理是 这是一串 ul li 并且每个li 都 relative 然后在每个li中加上 div style="width:10px;height:10px;background:url(小勾勾图片名称) no-repeat; display:none;"/div
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名注册、虚拟空间、营销软件、网站建设、越城网站维护、网站推广。
点击某个li时 将他的边框变为
2px solid red 并且让自己子级 div显示就好了
顺便贴个自己仿得JD商品展示效果图片
希望能帮到你 谢谢
仿《当下软件园》 帝国cms7.5内核免费下载
链接:
提取码:dg4n
《帝国网站管理系统》英文译为"Empire CMS"，简称"Ecms"，它是基于B/S结构，且功能强大而帝国CMS-logo易用的网站管理系统。本系统由帝国开发工作组独立开发，是一个经过完善设计的适用于Linux/windows引/Unix等环境下高效的网站解决方案。从帝国新闻系统1.0版至帝国网站管理系统，它的功能进行了数次飞跃性的革新，使得网站的架设与管理变得极其轻松！
你自己首先要会DIV+CSS代码的开发，然后使用 Dreamweaver软件进行模板页面的修改跟调整。
最后上传到帝国CMS的模板目录内，进行测试。
一、esub()截取字段函数语法：esub(字符串,截取字数,后缀)
说明：后缀为截取字符后附带内容，此参数可以省略。
使用范例：
，返回结果为：123456
，返回结果为：123456...
二、date()转换时间格式函数
语法：date(时间格式,时间戳)
说明：PHP本身函数，使用说明可以参考：
使用范例：
，返回结果为：2010-06-30 10:30:10
三、format_datetime()转换时间格式函数2
语法：format_datetime(正常时间,时间格式)
说明：和date()的区别是format_datetime是转换正常时间，而date是转换unix时间戳。
使用范例：
，返回结果为：06/30
四、通过ID取得栏目地址函数
语法：sys_ReturnBqClassname($r,9)
说明：$r为含栏目ID的数组，变量名可任意命名。
使用范例：取得栏目ID=2的栏目地址。
$cr['classid']=2;
$classurl=sys_ReturnBqClassname($cr,9);
echo $classurl;
?
通过ID取得栏目地址的其他方法：
(1)、/e/public/ClassUrl/?classid=栏目ID
(2)、/
五、取得信息内容页地址函数
语法：sys_ReturnBqTitleLink($r)
说明：$r为含“id,classid,newspath,filename,groupid,titleurl”字段内容的数组，变量名可任意命名。
使用范例：取得信息ID=8的新闻页面地址
$nr=$empire-fetch1("select
id,classid,newspath,filename,groupid,titleurl from {$dbtbpre}ecms_news where
id='8' limit 1");
$titleurl=sys_ReturnBqTitleLink($nr);
echo $titleurl;
?
通过ID取得信息内容页地址的其他方法：
/e/public/InfoUrl/?classid=栏目IDid=信息ID
六、提示信息函数1
语法：printerror($error,$gotourl,$ecms,$noautourl,$novar)
说明：
$error：提示信息内容，可以为语言包变量，也可以直接提示内容。
$gotourl：提示信息转向链接地址
$ecms：0为后台提示信息、1为前台提示信息、8为后台提示信息(alert方式)、9为前台提示信息(alert方式)
$noautourl：0为自动转向页面，1为不自动转向页面。此参数可省略，默认为0
$novar：0为提示信息内容采用语言包变量，1为提示信息内容为直接提示内容。此参数可以省略，默认为0
