你好 很多地方都有这种效果的 比如jd 他的原理是 这是一串 ul li 并且每个li 都 relative 然后在每个li中加上 div style="width:10px;height:10px;background:url(小勾勾图片名称) no-repeat; display:none;"/div
成都创新互联公司是专业的玛沁网站建设公司，玛沁接单;提供成都网站制作、网站建设、外贸网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行玛沁网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
点击某个li时 将他的边框变为
2px solid red 并且让自己子级 div显示就好了
顺便贴个自己仿得JD商品展示效果图片
希望能帮到你 谢谢
第一步：安装前准备工作
1.下载并解压缩
下载《最新帝国网站管理系统》程序并将压缩包解压
2.上传
将安装包的upload目录中的全部文件和目录结构复制到网站根目录
第二步：设置目录属性
* 本机使用 Windows 操作系统，可跳过这一步
第三步：执行安装脚本
在浏览器中运行安装目录/e/install/index.php,
单击“我同意”按钮，进行运行环境检测进入帝国网站管理系统安装界面，阅读用户使用条款
运行环境检查结果通过，单击“下一步”按钮操作
本地使用windows操作系统，可以无需设置目录权限，单击“下一步”按钮，进行数据库配置操作
配置好数据库后，单击“下一步”按钮，进行管理员帐号设置操作
设置好管理员帐号后，单击“下一步”按钮，系统安装完毕
第四步： 单击“进入后台控制面板”按钮，登录后台，进行系统初始化数据设置
单击“系统设置”菜单－》“数据更新中心”进行初始化默认数据，执行步骤
依次按执行操作：
1。单击“更新数据库缓存”按钮 出现信息提示：“更新缓存成功”即可；
2。单击“恢复栏目目录”按钮
出现信息提示：“恢复栏目目录成功”即可；
3、 单击“删除栏目缓存文件”按钮
出现信息提示：“删除栏目缓存文件成功”即可；
4、单击“刷新首页”按钮
出现信息提示：“刷新首页成功”即可；
5、 单击“刷新所有信息栏目页”按钮
出现信息提示：“刷新所有信息列表成功”即可；
6、勾选重复生成，单击“刷新所有信息内容页面”按钮，刷新后所有表均提示“*** 表的数据生成完毕！”即可；
7、 单击“刷新所有JS调用”按钮
出现信息提示：“刷新所有排行JS成功”即可；
8、 单击“批量更新动态页面”按钮
出现信息提示：“批量更新动态页面完毕”即可；
9、单击“批量更新反馈表单”按钮
出现信息提示：“批量更新反馈表单成功”即可。初始化默认数据更新完毕。
最后 -》设置站点名称------》 系统安装及初始设置完毕。
使用方法：
1.后台导入*.temp模板文件
2.复制skin文件夹至网站根目录覆盖
3.刷新首页，列表页，内容页
4.如果没有变化，修改下栏目，设置栏目使用的模板
