做在CSS里或脚本语言里，怎么做的 请问一下 怎么这个效果怎么做如下图

html-css012

做在CSS里或脚本语言里，怎么做的 请问一下 怎么这个效果怎么做如下图,第1张

点德国丽水出现列表这个是用脚本实现的，网上有脚本，不会提取的话可以用DW里自带的，有这个下拉列表。点产品展示是大分类的吧，只是链接回这个页面而已，就等于把这个页面初始刷新一下。没有其他特殊效果<a href="***你的产品展示页面地址">产品展示</a>

淘宝提供给设计师一个SDK（备注：Software Development Kit, 即软件开发工具包 ，一般是一些被软件工程师用于为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件的开发工具的集合），设计师在这个开发包上设计出的模板，就是淘宝Sdk高级模板。高级模板布局灵活，页面美观，可以设计出多种促销模块，同时操作起来非常简单！拓展版和旗舰版，商城用户、无名良品用户才可以使用高级模板哦！！ CSS模板是指用CSS语言开发的模板，用CSS做的模板更加绚丽更加人性化，对用户体验这块做的很好！而且CSS的布局符合WEB标准，对各大搜索引擎更加友好，做SEO也更为有效！ SDK与 CSS 到底有哪些不同呢？2.SDK对于设计师来讲自由度更大，CSS则是把自由度交到卖家手上，SDK可以自由添加现成的N多设计师编辑好的模块。3.SDK模板的到来必定引起淘宝店铺装修的革命，在店铺装修上具有里程牌的意义。4.SDK 全智能化操作，代码全封装，摆脱了传统的table模板和CSS模板繁琐的操作，让用户彻底告别代码。SDK提供一个可视化的更加简单的操作界面，对用户更加友好，用户只需要点点鼠标就可以完成整个店铺的装修。 CSS 模板操作起来比较繁琐，对于装修零基础的用户很难入手，一不小心就代码出错，页面错位，但是就目前来说CSS模板修改自由度比SDK模板大，对于了解装修的卖家，想通过修改模板来打造更加个性的店铺的， CSS模板目前是不二的选择。5.CSS能制作出各种产品展示效果。采用自定义区传统的编辑器操作，但因CSS模板涉及到的效果相对会比较复杂，客户往往会因为在编辑替换图片或者文字的时候，容易造成模块丢失或者错位，但熟悉了其操作或者懂一点html代码，其操作也是相当简单的，而一些对模板装修有经验者，更可以对模板加以修改，变换出更加丰富的页面出来。 SDK推广宝贝栏只需选择相应需要推荐的宝贝即可，无需再手动黏贴图片，而且颜色背景都可以自由编辑。6.SDK免去传统的编辑器操作方式，采用新的输入方式来操作，替换图片和文字只需输入一些简单的内容便可自动完成，对于一些新手或者半新手来说，这是最为简单不过了，而且因为不用担心客户编辑的造成模块丢失或者错位，设计师可以更加大胆地设计出更COOL的效果来展示，SDK模板设计师可以在制作的时候随意布局，这样，SDK模板可以做出比CSS更漂亮的模块效果。但也因SDK模板是根据设计师的布局来制作，所以，现阶段最大限制就是客户不能布局，也不能对模块中的字体大小，位置，图片等进行样式修改，都得按设计师的设计来显示，所以，对于装修熟手来说，这个约束是很大的。从上面几点分析，可以看到，总体来说SDK功能特性优于CSS，也更适合新手，当然，市面上价格也更贵。CSS模板修改自由度高，比较适合有一定基础的卖家使用。

这个其实很简单，一个UL ，然后每个 产品展示图 放在一个li 里面，然后css 里面 所有 li 左浮动就可以了，记得给ul 要用CSS 设置宽高，或者 overflow：hidden 不然后面的块盒子 容易错位，塌陷