你好 很多地方都有这种效果的 比如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商品展示效果图片
希望能帮到你 谢谢
笔者以一个帝国CMS 6.6架构的网站为例，手把手的教大家如何操作。 操作前，我们需要先对网站数据库进行备份。 接下来我们添加手机站的模板组。点击“模板”， 选择“模板组管理”中的“导入/导出模板组”，然后选择默认的模板组，然后导出，将导出文件先保存下来。然后将模板组名称更改为“电脑访问模板组”。再从右边的“导入模板组”上传刚刚导出的文件;这时会出现两个模板组。然后我们可以对默认的模板组更名为“手机访问模板组”。 接下来，对网站的d目录进行备份，因为这个文件夹内一般会保存文章页的图片。 在网站根目录中新建一个目录，作为手机站的存放地。然后设置域名解析，比如m.xxxx.com ，域名解析的方法这里就不一一介绍，大家如果有不懂可百度一下。 然后上传帝国CMS程序安装包，安装一个新平台。注意安装的表前缀只需临时设定一个名称。因为等安装后，两个平台将会调用同一个数据库。 这时，我们需要修改手机网站的config.php这个文件，将实现两个平台同时调用一个数据库，并修改模板组调用ID。 用Emedit打开config.php文件将数据库名和用户名改为跟电脑端的一样的数据库。 默认模板组ID改为我们已经设定好的手机访问的模板组ID 3 修改cookie作用域，可防止同时登录两个后台时只能登一个的问题。 接下来，我们进入手机网站后台修改相关的参数。 点击“模板”后，你会发现左上角的选项已变成“新手机模板组”，接下来就是修改相关的模板页面了。 制作手机模板需要注意的是，要在meta部分增加这几行。meta name="format-detection" content="telephone=no" meta name="apple-mobile-web-app-capable" content="yes" meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" 其他的跟我们制作电脑站一模一样。 由于电脑访问和手机访问的数据库是共享的，因此手机站后台无需更改。只需要在每个页面上加个定时更新的功能即可。我们在电脑端增加文章，手机端定时更新信息，以确保同步。 到这里，帝国CMS手机网站制作的介绍就算完成了。如果有什么不清楚可以留言给我。如果觉得我写得不错的话，请给我一个大拇指，谢谢!
你自己首先要会DIV+CSS代码的开发，然后使用 Dreamweaver软件进行模板页面的修改跟调整。 最后上传到帝国CMS的模板目录内，进行测试。
