<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="canonical" href="http://how2j.cn/k/tmall-front/tmall-front-823/823.html" />
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<!--taglib -->
<!--self -->
<link rel="stylesheet" type="text/css" href="../../../css/front/style.css" />
<!-- <link rel="stylesheet" type="text/css" href="../../../css/front/style.css" /> -->
<link rel="shortcut icon" href="../../../img/site/favicon.ico" />
<link rel="canonical" href="http://how2j.cn/k/tmall-front/tmall-front-823/823.html" />
<script src="../../../js/how2j/code.js"></script>
<script src="../../../js/how2j/pid.js"></script>
<!-- <link href="../../../css/all.css" rel="stylesheet"> -->
<link href="../../../css/all.css" rel="stylesheet">
<!-- <link href="http://how2j-static.oss-cn-beijing.aliyuncs.com../../../css/all.css" rel="stylesheet"> -->
<!-- <script src="../../../js/all.js"></script> -->
<script src="../../../js/all.js"></script>
<script type="text/javascript">
</script>
<!-- code hightlight -->
<script>
function jumpwww(){
if(-1!=location.hostname.indexOf("www.")){
var x = new String(location);
var newLocation = x.replace("www.","");
location = newLocation;
return;
}
}
jumpwww();
function formatMoney(num){
num = num.toString().replace(/\$|\,/g,'');
if(isNaN(num))
num = "0";
sign = (num == (num = Math.abs(num)));
num = Math.floor(num*100+0.50000000001);
cents = num%100;
num = Math.floor(num/100).toString();
if(cents<10)
cents = "0" + cents;
for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
num = num.substring(0,num.length-(4*i+3))+','+
num.substring(num.length-(4*i+3));
return (((sign)?'':'-') + num + '.' + cents);
}
function insertSpecalDiv(div, className){
var li = document.createElement("div");
var classAttr = document.createAttribute("class");
var text = document.createTextNode(" ");
li.appendChild(text);
classAttr.nodeValue = className;
li.setAttributeNode(classAttr);
div.appendChild(li);
}
<!--code mirror-->
var yourcode, siteCode, divDiffer, highlight = true, connect = null, collapse = false;
function betterTab(cm) {
var spaces = Array(cm.getOption("indentUnit") + 1).join(" ");
cm.replaceSelection(spaces);
}
function initUI() {
var target = document.getElementById("codeDifferOriginal");
target.innerHTML = "";
divDiffer = CodeMirror.MergeView(target, {
value: yourcode,
origRight: null,
orig: siteCode,
lineNumbers: true,
extraKeys: { Tab: betterTab },
mode: "text/html",
highlightDifferences: highlight,
connect: connect,
collapseIdentical: collapse
});
}
function changeDivCode2CodeStyle(mask4spider){
var selector = "";
if(mask4spider)
selector = "div.stephighlightDescOnly.mask4spider-true div.code";
else
selector = "div.code";
// console.log("selector:"+selector);
$(selector).each(function() {
var div = this;
var html = $(this).html();
html = $.trim(html);
html = html.replace(/^<br>(.*)<br>$/, "\$1");
html = html.replace();
var lines = html.split("<br>");
$(this).html("");
insertSpecalDiv(div,"codeeven codefirst");
var count = 0;
$.each(lines, function(i, n) {
count++;
var li = document.createElement("div");
var text = document.createTextNode(decodeHtml(n));
li.appendChild(text);
var classAttr = document.createAttribute("class");
if (0 == i % 2)
classAttr.nodeValue = "codeodd";
if (1 == i % 2)
classAttr.nodeValue = "codeeven";
li.setAttributeNode(classAttr);
div.appendChild(li);
})
if(0!=count%2)
insertSpecalDiv(div,"codeeven codelast");
else
insertSpecalDiv(div,"codeodd codelast");
});
}
$(function() {
<!--把div.code中的文本转换为代码表现风格-->
changeDivCode2CodeStyle(false);
<!--每个stage的享字所具备的弹出模态窗口效果-->
<!--练习姿势-->
$("a.practisePostureLink").click(function(){
$("div#practiseModal").modal('show');
});
<!--视频加载成功后的处理-->
$("div.4safari video").attr("poster","");
// $("div.4safari video").each(function(){
// var videoSrc=$(this).attr("thefile");
// $(this).attr("src",videoSrc);
// });
// $("div.4safari video").attr("preload","meta");
// $("div.4safari video").on("canplaythrough",function(){
// $(this).attr("poster","");
// });
});
</script>
<script>
//当bootstrap toc 加载完毕后,才进行跳转
var go2ArchorFlag = true;
//当show it ,try it, toc 的额外高度
var showittryitheight=30;
var l = function(msg){return console.log(msg)};
$(function () {
$("[data-toggle='tooltip']").tooltip({animation:true,html:true,delay:{ show: 1000, hide: 000 }});
if(!logon)
$("a.module span.progressBar").hide();
$('.progress-bar').each(function(){
var progress = $(this).attr("aria-valuenow");
$(this).css({'width':progress+"%"});
// $(this).animate({width:progress+'%'},progress*100/2);
});
});
<!--是否登陆的全局变量-->
var logon;
logon = false;
</script>
<style>
<!--pre{-->
<!-- width:500px;-->
<!--}-->
</style>
<title>天猫前端 首页 交互 | 基于实例代码分步讲解 一站式学习Java | how2j.cn</title>
<meta name="keywords" content="交互,互动效果,猫耳朵效果,猫耳朵效果讲解,显示和隐藏效果,显示和隐藏效果讲解,天猫前端">
<meta name="description" content=";互动效果,首页的互动效果主要是猫耳朵的出现,以及在轮播部分显示和隐藏产品列表。;猫耳朵效果,;猫耳朵效果讲解,$("div.rightMenu,span").mouseenter(function(){var,left,=,$(this).position().left;var...">
<script type="text/javascript">
// JavaScript Document
function urlredirect() {
}
urlredirect();
</script>
</head>
<body id="body">
<script>
$(function() {
var categorySelected=0;
if(categorySelected==1){
$("#homepageNavLink").removeClass("active");
}
// $("#qqqunspan").html("官方QQ群: 902680467");
$(".advertiseLink#ad15").mouseenter(function(e){
$("#qrcodeImg4Ad").show();
var e = e||window.event;
var scrollx = window.scrollX|| document.documentElement.scrollLeft;
var scrolly = window.scrollY|| document.documentElement.scrollTop;
var x = parseFloat(e.clientX) + parseFloat(scrollx) ;
var y = parseFloat(e.clientY) + parseFloat(scrolly);
$("#qrcodeImg4Ad").css({'left':x,'top':y,'display':'block'});
});
$(".advertiseLink#ad15").mouseleave(function(){
$("#qrcodeImg4Ad").hide();
});
});
</script>
<div id="allContent">
<!-- end with footer -->
<div>
<br />
<table width="100%">
<tr height="50px">
<td width="200px">
<a href="http://how2j.cn"><img title="how2j.cn" alt="how2j.cn"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAAAtCAYAAAC6RRfMAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKN0lEQVR4Xu2dT2gXRxTHNxUU7L+IrdpSMWKgoC2JtpeKYHIytyiWQg9t9OCpBw09eCoqnjxFD548mLSHQqlobvGUCNKeqimtQsGSiEVUWkxrKVgorZ8tUzabnfdmdnY3+6szsMRkZ97MvHnfeW/eezt2/f2kJLFEDkQOtIoDz7RqNHEwkQORAykHIjCjIEQOtJADEZgtXJQ4pMiBCMwoA5EDLeRABGYLFyUOKXIgAjPKQORACznQ1enhkpmZmYTn9u3byfz8/CIW9/f3J5s2bUoGBgYS/h3L/5cDvz/+K7l662Fy79c/k29/evTfRJ9btSLZ8vLqpHfd6qR/4/MJv3dCEYGJwA8ODlrn4RoCPX78eHLixIlCOoBmenrai1cAEHqXLl1KFhYWn
没有合适的资源?快使用搜索试试~ 我知道了~
免费离线版Java全栈技术学习资料
共2000个文件
html:1738个
gif:200个
js:161个
需积分: 42 21 下载量 140 浏览量
2018-11-07
11:32:41
上传
评论 3
收藏 44.02MB ZIP 举报
温馨提示
说明:由于本资源文件过大,故将资源拆分为两部分供大家下载使用,要使用本资源还需下载对应的img文件! 本资源提供Java初级、Java中级、Java高级、Java框架、前端知识、数据库知识以及tomcat应用等丰富知识点,并附有实践项目,通过本资源的学习可以以生动有趣的学习方式掌握Java全栈知识体系!
资源推荐
资源详情
资源评论
收起资源包目录
免费离线版Java全栈技术学习资料 (2000个子文件)
bootstrap.min.css.map.bak 53KB
all.css 178KB
bootstrap.css 144KB
bootstrap.css 144KB
bootstrap.css 143KB
bootstrap.min.css 137KB
bootstrap.min.css 135KB
bootstrap.min.css 118KB
bootstrap.min.css 97KB
bootstrap.min.css 97KB
layui.css 52KB
layui.css 52KB
ueditor.css 44KB
jquery-ui.css 36KB
jquery-ui.css 35KB
jquery-ui.css 35KB
ueditor.min.css 34KB
jquery-ui_start.css 31KB
jquery-ui.min.css 31KB
jquery-ui.min.css 29KB
bootstrap-theme.css 26KB
bootstrap-theme.css 26KB
bootstrap-theme.css 26KB
bootstrap-theme.min.css 23KB
bootstrap-theme.min.css 23KB
bootstrap-theme.min.css 23KB
video-js.css 21KB
image.css 19KB
jquery-ui.structure.css 18KB
jquery-ui.theme.css 18KB
jquery-ui.structure.css 18KB
jquery-ui.theme.css 17KB
video.css 15KB
jquery-ui.structure.min.css 15KB
attachment.css 15KB
jquery-ui.structure.min.css 14KB
layer.css 14KB
layer.css 14KB
jquery-ui.theme.min.css 14KB
jquery-ui.theme.min.css 14KB
video-js.min.css 11KB
layui.mobile.css 10KB
layui.mobile.css 10KB
shCoreEclipse.css 9KB
shCoreDefault.css 9KB
shCoreDjango.css 9KB
shCoreFadeToGrey.css 9KB
shCoreMidnight.css 8KB
shCoreRDark.css 8KB
shCoreEmacs.css 8KB
shCoreMDUltra.css 8KB
laydate.css 7KB
laydate.css 7KB
style.css 7KB
shCoreDefault.css 7KB
shCore.css 6KB
scrawl.css 4KB
jquery.Jcrop.css 3KB
shThemeEclipse.css 3KB
shThemeDjango.css 3KB
shThemeFadeToGrey.css 3KB
codemirror.css 3KB
shThemeDefault.css 3KB
shThemeMidnight.css 3KB
shThemeRDark.css 3KB
shThemeEmacs.css 3KB
shThemeMDUltra.css 3KB
charts.css 3KB
background.css 2KB
blog.css 2KB
jquery.Jcrop.min.css 2KB
emotion.css 2KB
dialogbase.css 2KB
music.css 2KB
dashboard.css 2KB
style.css 1KB
tinyeditor.css 1KB
edittable.css 1KB
code.css 1KB
code.css 1KB
template.css 1KB
styleold.css 766B
webuploader.css 515B
help.css 395B
iframe.css 42B
Entries 309B
iconfont.eot 37KB
iconfont.eot 37KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.eot 20KB
vjs.eot 3KB
UEditorSnapscreen.exe 508KB
Entries.Extra 196B
823.html 604KB
949.html 601KB
1194.html 599KB
1840.html 598KB
共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
sunny__1991
- 粉丝: 0
- 资源: 8
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功