怎么做一个像淘宝网那样功能的网页
发布网友
发布时间：2022-04-20 14:59
共5个回答
懂视网
时间：2022-04-20 19:21
首先我们整理一下思路，这效果要怎么做出来，因为这个分数的原因，很容易让人联想到进度条，所以就想到了用遮罩来出来。做法很简单，灰色星星的图片放在下面，然后亮色星星的图片在上面，重叠两张图片，任何控制上面亮色的星星图片，根据分数显示它的长度，这样便能实现这个效果了。废话不多说，直接把代码贴上。
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#bg{
width: 60px;
height: 16px;
background: url("img/star_gray.png");
}
#over{
height:16px;
background:url("img/star_org.png") no-repeat;
}
</style>
</head>
<body>
<div id="bg"><!--这里是背景，也就是灰色的星星-->
<!--说明，这里的width就是设置分数啦，以我写的为例，一个星星的长度是12px，也就是1分12px，如果是4.3分，就是4.3*12px = 51.6px的长度，当然这个一般是取得数据后用js或者其他模板语言去控制的-->
<div id="over" style="width:51.6px"></div><!--这里是遮罩，设置宽度以达到评分的效果-->
</div>
</body>
</html>【相关推荐】
1. 特别推荐：“php程序员工具箱”V0.1版本下载
2. 免费html在线视频教程
3. php.cn原创html5视频教程
热心网友
时间：2022-04-20 16:29
http://book.jqcq.com/proct/314007.html
网页制作、网页图像处理、网页动画设计以及各种实用的特效制作等的方法与技巧，涵盖了网页版式设计、色彩设计、网页图形创意、网页图标设计、网页动画设计、网页字体设计、网页特效设计等。几乎涉及到了与网页相关的方方面面，全书内容丰富、自成体系、实例众多。
动态网页设计培训教程 动态网页设计培训教程
http://book.jqcq.com/proct/311332.html
网页设计软件的使用方法和最新的网页设计技术。全书共分14章，分别介绍了网页设计的基础知识；超文本标记语言HTML，使用FrontPage 2000和Dreamweaver 3.0设计网页的要领；使用Photoshop 6.0 和ImageReady 3.0优化和处理WEB图像等内容。
JavaScript 动态网页经典实例教程
http://book.jqcq.com/proct/542034.html
网页设计实例，介绍动态网页设计中的常用方法、重点和难点。这些实例包括了动态状态栏，动态文本框，应用时间，动态层，动态内容，动态位置，动态元素内容，滚动效果，动态页面导航，动态数据表单，动态表格等内容。读者对象该书适合于广大的网页设计从业人员，为动态网页开发设计中需要解决的实际问题提供 ...
网页美术设计入行实战(全彩)(含光盘1张) 网页美术设计入行实战(全彩)(含光盘1张)
http://book.jqcq.com/proct/542967.html
网页美术设计行业分析；就业指导；小型商业网页设计；大型商业网站设计；通过实际工作的案例以及虚拟应用场景，将每个案例的使用环境描述出来，涉及了网页设计在实际应用中使用的软件Flash，Dreameaver的使用，网页制作的技巧，并对一些陌生的或不常用的功能做了提示性的说明与解析。有多个实际案例供参考；网页设计的经验 ..
网上筑巢--循序渐进设计网页
http://book.jqcq.com/proct/110619.html
网页.包括输入文字后设置格式,使网页内容更加鲜明,增加图片使网页更加生动,增加声音让网页学会"说话"等.此外还介绍网页制作高手的很多决窍.本书的读者对象是准备上网或已经上网,但上网经验不足的初学者.
如果你真的想学习编程，那下面这些书是比不可少的。
JavaScript基础与实践教程
http://book.jqcq.com/proct/543918.html
本书在介绍JavaScript相关知识的基础上，主要结合实例讲解JavaScript的实际应用。内容主要包括JavaScript语言的语法、 JavaScript面向对象的特性、调试JavaScript、JavaScript结合CSS应用于WEB编程、JavaScript的Dom编程、 JavaScript的基础应用、服务器端的应用、通过综合实例介绍JavaScript的高级应用。
边学边用JAVASCRIPT
http://book.jqcq.com/proct/345499.html
JAVASCRIPT是实现网页动态性、交互性的脚本语言。本书通俗易懂，按照循序渐进的方法详细介绍了JAVASCRIPT的基本概念， HTML基本知识、JAVASCRIPT的基本语法及其内置对象和浏览器对象。书中对于每个知识点都配备了相应的实例，帮助读者加深理解。本书适合为 JAVASCRIPT初学者的培训教材，也可以作为中、高级网页编程 ...
网页样式设计――CSS使用详解 网页样式设计――CSS使用详解
http://book.jqcq.com/proct/107218.html
CSS的基本概念、CSS属性、格式化模型以CSS单位等。此外，对于CSS的延伸扩展部分也做了全面的介绍，包括CSS定位技术、打印支持、框架结构、声音CSS滤镜变换效果等。书中附有大量实用例子帮助读者掌握和编写样式表单文档。本书内容翔实，深入浅出，是网络开发人员和网络爱好者的理想参考书。
网页制作全接触――HTML 4.0 & CSS 网页制作全接触――HTML 4.0 & CSS
http://book.jqcq.com/proct/310443.html
CSS的内容，包括HTML 4.0各个标记的语法和属性，CSS各上属性的语法和属性值，同时介绍了两者在Dreamweaver中的实现，提供大量灵活使用HTML 4.0和CSS制作动态网页的实例。本书第一部分是590811及其应用，第二部分是CSS及其应用，附录中了JavaScript参考手册、CSS兼容性列表和字符实体集。
网页设计与制作――MX 2004（第2版）
http://book.jqcq.com/proct/541635.html
网页制作套装软件Macromedia Studio MX2004中的网页制作三剑客为主要内容，介绍客户端网页的制作。全书共分9章，第1章网页制作基础，介绍与网页制作有关的基础知识；第2章至第5章介绍Dreamweaver MX2004的使用，其中穿插介绍CSS、JavaScript在网页中的应用；第6章和第7章介绍Fireworks MX2004的使用；第8章和第9章介绍F ...
精通ASP网络编程
http://book.jqcq.com/proct/108449.html
ASP网络编程技术的实用教程。书中举例大量典型实用，综合了众多ASP程序员的实际开发经验。本书适合广大网络设计和开发人员以及对ASP感兴趣的编程爱好者阅读。
ASP开发实例(1CD)
http://book.jqcq.com/proct/305267.html
ASP进行Web开发。主要内容有：ASP基本对象的使用，在ASP中使用第三方或自制的ActiveX控件，数据库对象的使用和设计，SQL语句的使用等。本书内容由浅入深，论述深入、全面，实例覆盖了ASP编程的大部分内容，每个实例着重介绍一个或几个知识要点。此外，还附有源程序代码多媒体光盘，帮助ASP爱好者快速深入地掌握ASP编程� ...
高校计算机教程系列 JSP实用教程
http://book.jqcq.com/proct/582592.html
JSP运行环境的配置、JSP语法、JSP内置对象、JSP与文件、JSP与数据库、JSP与JavaBrsnd等内容；第7章至第8章介绍了怎样使用JSP技术创建完整的网站。第9章讲述Java Servlet,针对JSP与servlet结合开发网站做了详细的介绍
JSP实用案例教程
http://book.jqcq.com/proct/393402.html
JSP)程序设计技术。主要内容包括：B／S开发模式和主流技术介绍，JSP编程基础，在Windows 2000／XP和Linux环境下JSP运行环境的配置过程，HTML与JSP的交互过程，JSP中的页面元素，编译指令和操作指令，JSP中常用的对象，JDBC，JavaBean，JSP的综合应用举例，Servlet的概念和使用，如何在JSP中应用XML，JSP的高级应用以及� ...
PHP与MySQL5程序设计(第2版)
http://book.jqcq.com/proct/431905.html
PHP脚本语言和MySQL数据库这两种目前最流行的开源软件，主要内容包括PHP和MySQL基本概念、PHP扩展与应用库、日期和时间功能、 PHP数据对象扩展、PHP的mysqli扩展、MySQL 5的存储例程、触发器和视图等。本书实用性强，帮助读者学习PHP编程语言和MySQL数据库服务器的最佳实践，了解如何结合这些卓越的技术创建数据库驱动的 ...
把这些书看完了，然后去看国外的开源书店代码。
推荐一个PHP的。
http://www.zen-cart.cn/
http://www.ecshop.com/index.php
参考资料：http://www.jqcq.com/forum
热心网友
时间：2022-04-20 17:47
热心网友
时间：2022-04-20 19:21
热心网友
时间：2022-04-20 21:13
