第1章 认识HTML与HTML
1.1 了解动态网站的开发技术
1.1.1 网页编辑软件Dreamweaver
1.1.2 网页标记语言HTML
1.1.3 网页表现语言CSS
1.1.4 网页特效脚本语言JavaScript
1.1.5 动态网页编程语言ASP、PHP和JSP等
1.2 HTML基础
1.2.1 什么是HTML
1.2.2 HTML的主要功能
1.2.3 HTML的编辑环境
1.2.4 认识Dreamweaver
实战制作第一个HTML页面
1.3 HTML5基础
1.3.1 HTML5概述
1.3.2 HTML5的优势
1.4 认识HTML5
1.4.1 HTML5的文档结构
1.4.2 HTML5的基本语法
1.4.3 HTML5精简的头部
1.5 HTML5中新增的标签
1.5.1 结构标签
1.5.2 文本标签
1.5.3 应用和辅助标签
1.5.4 进度标签
1.5.5 交互性标签
1.5.6 在文档和应用中使用的标签
1.5.7 标签
1.5.8 其他标签
1.6 HTML5中废弃的标签
1.7 HTML、CSS与JavaScript的结合
第2章 HTML主体标签
2.1 HTML头部标签设置
2.1.1 标签<br/> 实战设置网页标题<br/> 2.1.2 <base>标签<br/> 实战设置网页基底网址<br/> 2.1.3 <meta>标签<br/> 实战设置网页关键字、说明以及页面定时跳转<br/> 2.2 HTML主体<body>标签设置<br/> 2.2.1 边距属性margin<br/> 实战设置网页整体内容边距<br/> 2.2.2 背景颜色属性bgcolor<br/> 实战设置网页背景颜色<br/> 2.2.3 背景图像属性background<br/> 实战为网页主体添加背景图像<br/> 2.2.4 文字属性text<br/> 实战设置网页文字默认颜色<br/> 2.2.5 默认链接属性link<br/> 实战设置网页中超链接文字的默认颜色<br/> 2.3 在HTML代码中添加注释<br/> 2.4 在HTML中调用外部程序<br/> 2.4.1 调用外部JavaScript程序<br/> 实战在网页中显示当前系统时间<br/> 2.4.2 区分客户端与服务器端程序<br/>第3章 文字与图片标签的应用<br/> 3.1 文字修饰<br/> 3.1.1 文字样式<font>标签<br/> 实战设置文字样式<br/> 3.1.2 文字倾斜<i>和<em>标签<br/> 实战设置倾斜文字效果<br/> ……<br/>第4章 超链接与表格标签的应用<br/>第5章 多媒体标签的应用<br/>第6章 表单标签的应用<br/>第7章 HTML5中<cavas>标签的应用<br/>第8章 HTML5文档结构标签的应用<br/>第9章 CSS样式基础<br/>第10章 CSS布局与定位方式<br/>第11章 CSS基础属性详解<br/>第12章 CSS3属性详解<br/>第13章 使用CSS3实现动画效果<br/>第14章 JavaScript基础<br/>第15章 JavaScript中的函数与对象<br/>第16章 JavaScript中的事件<br/>第17章 JavaScript综合应用案例</div>
<div class="showMore"><i class="bShowIcon"></i><span class="showText">展开</span></div>
</div>
</div>
</div>
</div>
</div>
<!--加入我的书架成功弹框-->
<div class="joinArea">
<div class="cgPopupMask"></div>
<div class="joinCon">
<img src="/sscr/resource/front-resource/images/info07.png" alt="" />
<div class="joinText">
加入书架成功！
</div>
<div class="fn-clear">
<a class="goOnBuy fn-left" href="javascript:;" onclick="continueSee()">继续借书</a>
<a class="goAccount fn-left" href="/sscr/1011/cart/cart.html">去结算</a>
</div>
</div>
</div>
<!--收藏图书弹框-->
<div class="delColArea">
<div class="cgPopupMask"></div>
<div class="colCon">
<div class="cgPopupConTop">
<div class="hisPopTit">
收藏图书成功！
</div>
<div class="iKnow">
我知道了(<span class="iKnowTime">3</span>)
</div>
</div>
</div>
</div>
<!-- 评论弹窗 -->
<div class="delColArea" id="comment_view">
<div class="cgPopupMask"></div>
<div class="commont_div">
<div style="margin-top:10px;margin-bottom:10px;margin-left:-10px;">
发表书评
</div>
<div style="border:2px solid #DDD; padding: 5px;" >
<textarea style="width:100%;height:150px;resize:none;" id="comment">
</textarea>
</div>
<div style="text-align:right;margin-top:5px;">
<button onclick="hideComment()" style="padding:4px;background:#888888;color:#FFFFFF;margin-right:10px;border-radius:2px;cursor:pointer">
取消
</button>
<button onclick="sendComment()" style="padding:4px;background:#dc281c;color:#FFFFFF;border-radius:2px;cursor:pointer">
发表
</button>
</div>
</div>
</div>
<!--登录弹框-->
<div class="cgPopupArea" id="loginArea">
<div class="cgPopupMask"></div>
<div class="cgPopupCon">
<div class="cgPopupConTop">
<i class="cloLogin cloPop"></i>
<div class="readLogin">读者登录</div>
<!--手机注册的图书馆code字符串 例如：1039,1096-->
<p class="warmPrompt">
<!--缓存Map手机注册的图书馆是否包含当前图书馆的code-->
温馨提示：请使用浙江工贸职业技术学院的读者帐号和密码进行登录
</p>
<div class="loginWrap">
<div class="loginSel fn-clear">
<div class="loginIcon loginHead fn-left">
</div>
<input class="userID fn-left" type="text" name="username"
id="username" value="" placeholder="请输入读者证号" onblur="accCheck('acc')"/>
</div>
<div class="loginError" id="accMsg">
</div>
</div>
<div class="loginWrap">
<div class="loginSel fn-clear">
<div class="loginIcon loginPass fn-left ">
</div>
<input class="userPass fn-left " type="password" name="password"
id="password" value="" placeholder="请输入读者密码" onblur="accCheck('pwd')"/>
</div>
<div class="loginError" id="pwdMsg">
</div>
</div>
<div class="loginWrap">
<div class="fn-clear">
<div class="loginSel loginCode fn-left codeWrap">
<div class="loginIcon loginCode fn-left ">
</div>
<input class="codeInput fn-left" type="text" name="vcode" id="vcode" value="" placeholder="验证码" />
</div>
<div class="codeImg fn-left">
<img src="/sscr/ValidateImage.do"
id="codeImg"
alt="点击获取验证码"
title="点击获取验证码"
onclick="this.src='/sscr/ValidateImage.do?t='+new Date().getTime();"/>
</div>
</div>
</div>
<div class="clickLogin" id='readerLogin'>
登录
</div>
</div>
</div>
</div>
<style>
.commont_div {
width: 350px;
height: 250px;
margin-left: -185px;
padding: 0 30px;
background: #fff;
position: fixed;
left: 50%;
top: 35%;
z-index: 3;
border-radius: 5px;
font-size: 16px;
}
</style>
<script type="text/javascript">
$(function(){
loadBookcovers();
loadBookInfo("TC_TEST_OPCS",'9787302526957','1011');
})
//init the value
var seller="XHSD";
var isbn="9787302526957";
var isOverHoldingCount="1";
var isNotUnitCatalog="0";
var status="2";
var productId="7139608";
var incart="";
var opacUrl="";
var orglib="zjitclib";
var jdcatalog2="";
var jdcatalog3="";
var seller="XHSD";
var jdSkuId="yNNDYTU4OA==";
var stock = "-1";
var pUnit = "";
var packnum = "0";
var libsellerTag="false";
var bookloginType="0";
var libunion="0";
var unitcode = "1011";
$(function(){
console.log(unitcode);
if(unitcode == "1212" || unitcode == "1039"){
$("#comment").val("");
loadComment();
}
});
// 加载 用户评论
function loadComment(){
$.ajax({
url: "/sscr/1011/comment/findBookComment?productID="+productId,
data: {offset: 0, pageSize: 10},
success: function(res){
console.log(">>>>>>>获取的评论res");
console.log(res);
// 是否获取成功
if(res.result == "false"){
$("#comment_content").append("<div style='text-align:center;'>暂时没有评论哦~！</div>");
return ;
}
// 评论内容 list
var commentList = res.data.list;
if(commentList.length == 0){
$("#comment_content").append("<div style='text-align:center;'>暂时没有评论哦！</div>");
return ;
}
// 遍历
var c_div = "";
var nickname = ""; // 昵称
var date = ""; // 日期
for(var i = 0 ; i < commentList.length ; i++){
// 昵称 部分隐藏
nickname = commentList[i].nickname;
if(nickname == null || nickname == ""){
nickname = "默**";
}else{
nickname = nickname.substr(0,1)+"**";
}
date = commentList[i].createdate.split(" ")[0];
c_div = '<div style="margin-bottom:8px;"><div style="color: #AAA;">';
c_div += '<span style="margin-right:2px;">'+nickname+'</span>';
c_div += '<span style="font-size: 12px;">'+date+'</span></div>';
c_div += '<div style="padding-left:15px;">'+commentList[i].content+'</div></div>';
$("#comment_content").append(c_div);
}
},
error: function(err){
console.error(err);
$("#comment_content").append("<div style='text-align:center;'>暂时没有评论哦!!!</div>");
return ;
}
});
}
// 显示发表书评
function showComment(){
// 未登录，显示 登录框
dialogMsg("请您先登录！")
showLoginView();
}
// 隐藏发表书评
function hideComment(){
$("#comment_view").hide(500);
}
// 发表书评
function sendComment(){
var content = $("#comment").val()+"";
content = content.replace(/(^\s*)|(\s*$)/g, "");
if(content == ""){
dialogMsg("内容不能为空哦 ！");
return;
}
loading("提交中...")
$.ajax({
url: "/sscr/1011/comment/releaseComment",
data: {productID: productId, content: content, status: 'n'},
success: function(res){
console.log(">>>>>>>发表的评论结果res");
console.log(res);
closeLoading();
// 显示消息
dialogMsg(res.msg);
// 是否获取成功
if(res.result == "false"){
if(res.msg.indexOf("请先登录") != -1){
showLoginView();
hideComment();
}
return ;
}
dialogMsg("提交成功！");
$("#comment").val("");
hideComment();
},
error: function(err){
closeLoading();
console.error(err);
dialogMsg("评论失败哦！！！");
return ;
}
});
}
</script>
<!--放大镜-->
<script src="/sscr/resource/front-resource/js/jquery.jqzoom.js"></script>
<script src="/sscr/resource/front-resource/js/jquery-labelauty.js"></script>
<script src="/sscr/resource/front-resource/js/lanrenzhijia.js"></script>
<script type="text/javascript" src="/sscr/resource/js/UnionLib.js?version=20220601"></script>
<script src="/sscr/resource/front-resource/js/acc.js?version=20220601"></script>
<script src="/sscr/resource/front-resource/js/product.js?version=20220601"></script>
<div class="footWrap">
<div class="linkWrap">
<div class="linkContent">
<!--修改start-->
<div class="fn-clear">
<ul class="linkList fn-left">
<li class="linkTit">新手上路</li>
<li>
<a href="/sscr/1011/help/54.html" target="_blank">
快速入门
</a>
</li>
</ul>
<ul class="linkList fn-left">
<li class="linkTit">购物指南</li>
<li>
<a href="/sscr/1011/help/72.html" target="_blank">
常见问题
</a>
</li>
</ul>
<ul class="linkList fn-left">
<li class="linkTit">支付方式</li>
<li>
<a href="/sscr/1011/help/56.html" target="_blank">
支付方式
</a>
</li>
</ul>
<ul class="linkList fn-left">
<li class="linkTit">配送方式</li>
<li>
<a href="/sscr/1011/help/73.html" target="_blank">
快递送货
</a>
</li>
</ul>
<ul class="linkList fn-left">
<li class="linkTit">关于我们</li>
<li>
<a href="/sscr/1011/help/58.html" target="_blank">
关于我们
</a>
</li>
</ul>
<ul class="linkList fn-left">
<li class="linkTit">特色服务</li>
<li>
<a href="/sscr/1011/help/81.html" target="_blank">
在线办证
</a>
</li>
</ul>
</div>
<!--修改end-->
</div>
</div>
<!--页尾-->
<div class="footer">
©广州图创计算机软件开发有限公司
</div>
</div>
</body>
</html>
