301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: psc4d.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>吾淘网-学。练。赏。更优质的设计师参考平台吾淘教育PS C4D免费基础 字体设计 图片设计 广告创意 C4D教程PS教程 C4D教程</title> <meta name="keywords" content="吾淘网---学。练。赏。更优质的设计师参考平台"> <meta name="description" content="吾淘网---学。练。赏。更优质的设计师参考平台"> <link rel="stylesheet" href="/Public//home/x_css/font-awesome.css"> <link rel="stylesheet" href="/Public//home/x_css/swiper.min.css"> <link rel="stylesheet" href="/Public//home/x_css/index.css"> <link rel="stylesheet" href="/Public//home/x_css/style.css?a=1747536273"> <style> .slide{overflow: hidden;} </style> </head> <body id="nv_portal" class="pg_index" onkeydown="if(event.keyCode==27) return false;"> <script src="/Public/home/js/jquery-1.11.0.min.js" type="text/javascript"></script> <div class="top"> <div class="top_t"> <a class="logo-hd" href="/" title="吾淘网---学。练。赏。更优质的设计师参考平台"><img src="https://common.psc4d.com/Public/home/x_img/logo1.png"></a> <!-- <a class="psc4d_vip" href="/study/index.html"><img src="https://common.psc4d.com/Public/home/x_img/psc4d_vip7day1.gif"></a> --> </div> <div class="top_n"> <ul class="nav-hd"> <li> <a href="https://www.psc4d.com/">首页</a> <div class="hot"></div> </li><li> <a href="https://docs.qq.com/doc/DRnpqTWJyWHBqanBO">软件下载</a> </li><li> <a href="/Course/index.html">视频课程</a> <div class="subnav-hd"> <ul class="subnav-ct-hd"> <li><a href="/Course/index/catid/1.html">PS电商平面课</a></li><li><a href="/Course/index/catid/2.html">C4D三维课</a></li><li><a href="/Course/index/catid/28.html">手绘插画课</a></li><li><a href="https://www.psc4d.com/Course/index/catid/37.html">影视后期</a></li> </ul> </div> </li><li> <a href="https://www.psc4d.com/course/course_study/cid/656.html">课前须知</a> </li> </ul> <style>.login-hd a{font-size: 14px;}</style> <div class="nav_login"> <div class="login-hd"><a href="javascript:void(0)" onclick="u_reg();">注册</a></div> <div class="login-hd"><a href="javascript:void(0)" onclick="u_login();">登录</a></div> <div style="float:right;"> <button class="search-hd-btn" onclick="search()">搜课</button> <input type="text" name="srchtxt" class="search-val" value="" placeholder="请输入搜索内容"> </div> </div> <!--<div style="float:right;"><a href="/activity/phone.html"><img src="/Public/home/x_img/webm.png"style="width:80%;margin-top:10px;"></a></div>--> </div> </div> <script> function search(){ var key=$('.search-val').val(); console.log(key); window.location.href='/Course/search/key/'+key; } function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) { //跳转移动端页面 window.location.href="https://m.psc4d.com/"; } } browserRedirect(); </script> <div style="width: 100%;height: auto;position: relative;font-family: 'microsoft yahei';"> <div class="swiper-container swiper-container-horizontal"> <div class="swiper-wrapper"> <div class="swiper-slide slide"> <a href="https://www.psc4d.com/vip/index.html" target="_blank"> <img src="https://common.psc4d.com/Public/Upload/img/2018-09-16/5b9db68247699.jpg" style="width: 1920px;margin: 0px auto" title="网站VIP"> </a> </div><div class="swiper-slide slide"> <a href="https://item.jd.com/12191487.html" target="_blank"> <img src="https://common.psc4d.com/Public/Upload/img/2018-09-16/5b9db818ed219.jpg" style="width: 1920px;margin: 0px auto" title="书"> </a> </div><div class="swiper-slide slide"> <a href="https://www.psc4d.com/activity/fenqi.html" target="_blank"> <img src="https://common.psc4d.com/Public/Upload/img/2018-09-16/5b9db9d2f0758.jpg" style="width: 1920px;margin: 0px auto" title="花呗分期"> </a> </div> </div> <!-- Add Pagination --> <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"> <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span> </div> <!-- Add Arrows --> <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div> <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="false"></div> </div> <div class="warpper"> <div class="t_login"> <div class="t_portrait"><a href=""><img src="https://common.psc4d.com/Public/home/x_img/portrait.png"></a></div> <div class="t_welcome">欢迎来到包子在线课堂!</div> <div class="t_login_btn"><a href="javascript:void(0)" onclick="u_login();"><input type="button" value="学员登录"></a></div> <div class="t_login_register"><a href="javascript:void(0)" onclick="u_reg();"><input type="button" value="注册好礼"></a></div> <div class="t_login_receive">新人专享</div> <a href="javascript;:" class="t_program_a" onmouseover="prog();" onmouseout="progs();"> <div class="t_login_activity"><i class="fa fa-weixin" style="font-size:16px;margin-right: 5px"></i>关注公众号享优惠</div> <div class="t_login_activitys"><i class="fa fa-tablet" style="font-size:18px"></i><i class="fa fa-mobile" style="font-size:16px;margin-left: -2px;margin-right: 5px"></i>官方小程序移动听课</div> </a> <div class="t_program"><i class="fa fa-caret-right"></i><img src="https://common.psc4d.com/Public/home/x_img/gh_cf9c773ace99_258.jpg"></div> </div> </div> </div> <div class="t_five_cases" style="font-family:'microsoft yahei';display:none;"> <ul> <li> <div class="t_stages_1"> <a href="https://www.psc4d.com/vip/index.html" target="_blank"> <img src="https://common.psc4d.com/Public/Upload/img/2018-09-16/5b9dc07125399.jpg" title="" style="width: 100%"> </a> </div> </li><li> <div class="t_stages_1"> <a href="https://www.psc4d.com/custom/index.html" target="_blank"> <img src="https://common.psc4d.com/Public/Upload/img/2018-09-16/5b9dc090f39be.jpg" title="免费学" style="width: 100%"> </a> </div> </li><li> <div class="t_stages_1"> <a href="https://www.psc4d.com/activity/fenqi.html" target="_blank"> <img src="https://common.psc4d.com/Public/Upload/img/2018-09-16/5b9dc0b44a208.jpg" title="" style="width: 100%"> </a> </div> </li> </ul> </div> <div class="t_five_cases" style="font-family:'microsoft yahei';display:none;"> <ul> <li> <div class="t_stages_1"> <a href="" target="_blank"> <img src="https://common.psc4d.com/Public/home/x_img/5b19cbc40745d.png" title="" style="width: 100%"> </a> </div> </li> <li> <div class="t_stages_1"> <a href="/custom/custom_ps.html" target="_blank"> <img src="https://common.psc4d.com/Public/home/x_img/5b19cbac89bbf.png" title="1v1" style="width: 100%"> </a> </div> </li> <li> <div class="t_stages_1"> <a href="" target="_blank"> <img src="https://common.psc4d.com/Public/home/x_img/5b19cb891fbaa.png" title="免费学" style="width: 100%"> </a> </div> </li> <li> <div class="t_stages_1"> <a href="/vip/index.html" target="_blank"> <img src="https://common.psc4d.com/Public/home/x_img/5b19cb3b6ee50.png" title="" style="width: 100%"> </a> </div> </li> <li> <div class="t_stages_1"> <a href="/activity/fenqi.html" target="_blank"> <img src="https://common.psc4d.com/Public/home/x_img/5b19cb1fbaeb6.png" title="" style="width: 100%"> </a> </div> </li> </ul> </div> <style> #building{padding-bottom: 20px;width: 89%;margin: 0 auto;} .plane{display:flex;padding: 30px 0;} .plane li{width:20%;text-align:center;list-style: none;} .plane li img{border-radius:5px;} .plane li .title{padding: 12px;text-align: left;color: #000;font-size:14px;} .plane li .item{display:flex;padding: 0 12px;} .plane li .item div{width: 50%;} .plane li .item div:nth-child(1){text-align: left;color: #999;} .plane li .item div:nth-child(2){text-align: right;color: #ff8a00;} </style> <div id="building"> <div class="t_curriculum"> <div class="t_curriculum_v1"> <span style="display: inline-block;width: 4px;height:21px;background-color:#ff6000;margin-top: 6px;position: absolute;"></span> <span class="t_curriculum_title" style="width:350px;"> 0基础软件入门 <span style="margin-left:20px;font-size:14px;color:#999;">大咖带你从入门到精通</span> </span> </div> <div class="plane"> <li> <a href="https://docs.qq.com/sheet/DV0tabVNtb0RTaE9t?tab=BB08J2" target="_blank"> <img src="https://common.psc4d.com/Public/Upload/img/2021-12-23/61c42e575c777.jpg" width="220" height="150"> <div class="title">PS基础入门教程</div> <div class="item"> <div>共54节</div> <div>23万人已学</div> </div> </a> </li><li> <a href="https://docs.qq.com/sheet/DV016dGdVcEd3cnZ3?newPad=1&newPadType=clone&tab=BB08J2" target="_blank"> <img src="https://common.psc4d.com/Public/Upload/img/2021-12-23/61c431bc7fde2.jpg" width="220" height="150"> <div class="title">AE从入门到实战系列课程</div> <div class="item"> <div>共91节</div> <div>5万人已学</div> </div> </a> </li><li> <a href="https://docs.qq.com/sheet/DV1FnUElwclBZWnNo?newPad=1&newPadType=clone&tab=BB08J2" target="_blank"> <img src="https://common.psc4d.com/Public/Upload/img/2021-12-23/61c478e5f06aa.jpg" width="220" height="150"> <div class="title">PR入门系列教程</div> <div class="item"> <div>共78节</div> <div>10万人已学</div> </div> </a> </li><li> <a href="https://docs.qq.com/sheet/DRlZielhFVHFwZVJo?newPad=1&newPadType=clone&tab=BB08J2" target="_blank"> <img src="https://common.psc4d.com/Public/Upload/img/2021-12-23/61c437a0d4a6c.jpg" width="220" height="150"> <div class="title">C4D入门系统课程</div> <div class="item"> <div>共25节</div> <div>15万人已学</div> </div> </a> </li><li> <a href="https://docs.qq.com/sheet/DV0xwWXdYTVFBb1Z2?newPad=1&newPadType=clone&tab=BB08J2" target="_blank"> <img src="https://common.psc4d.com/Public/Upload/img/2021-12-25/61c6cc0aea879.jpg" width="220" height="150"> <div class="title">插画入门系统课程</div> <div class="item"> <div>共15节</div> <div>6万人已学</div> </div> </a> </li> </div> </div> <div class="t_curriculum"> <div class="t_curriculum_v1"> <span style="display: inline-block;width: 4px;height:21px;background-color:#ff6000;margin-top: 6px;position: absolute;"></span> <span class="t_curriculum_title">经典课程</span> </div> <link rel="stylesheet" type="text/css" href="/Public/home/x_css/seid.css" /> <script type="text/javascript" src="/Public/home/x_js/script.js"></script> <div class="examples_body" style="overflow: hidden;"> <ul id="example1"> <li> <a href="https://www.psc4d.com/course/course_study/cid/75.html"> <div class="j_video_img"> <img width="212" height="284" src="https://common.psc4d.com/Public/Upload/img/2018-10-16/5bc5d472cf560.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a></li><li> <a href="https://www.psc4d.com/course/course_study/cid/348.html"> <div class="j_video_img"> <img width="212" height="284" src="https://common.psc4d.com/Public/Upload/img/2018-10-16/5bc5d4a4c5fd3.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a></li><li> <a href="https://www.psc4d.com/course/course_study/cid/449.html"> <div class="j_video_img"> <img width="212" height="284" src="https://common.psc4d.com/Public/Upload/img/2018-10-16/5bc5d4849eb17.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a></li><li> <a href="https://www.psc4d.com/course/course_study/cid/307.html"> <div class="j_video_img"> <img width="212" height="284" src="https://common.psc4d.com/Public/Upload/img/2018-10-16/5bc5d44f5e83a.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a></li><li> <a href="https://www.psc4d.com/course/course_study/cid/222.html"> <div class="j_video_img"> <img width="212" height="284" src="https://common.psc4d.com/Public/Upload/img/2018-10-16/5bc5d432901aa.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a></li><li> <a href="https://www.psc4d.com/course/course_study/cid/271.html"> <div class="j_video_img"> <img width="212" height="284" src="https://common.psc4d.com/Public/Upload/img/2018-10-16/5bc5d4b1b14bf.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a></li><li> <a href="https://www.psc4d.com/course/course_study/cid/261.html"> <div class="j_video_img"> <img width="212" height="284" src="https://common.psc4d.com/Public/Upload/img/2018-10-16/5bc5d4973c1dd.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a></li><li> <a href="https://www.psc4d.com/course/course_study/cid/221.html"> <div class="j_video_img"> <img width="212" height="284" src="https://common.psc4d.com/Public/Upload/img/2018-10-16/5bc5d4bced390.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a></li> </ul> </div> <div class="t_advertisement"></div> </div> <div class="t_curriculum" id="jump_ps"> <div class="t_curriculum_v1"> <span style="display: inline-block;width: 4px;height:21px;background-color:#ff6000;margin-top: 6px;position: absolute;"></span> <span class="t_curriculum_title">PS平面设计</span> <a href="?ps_sort=1#jump_ps"> <span class="t_array">推荐</span> </a> <a href="?ps_sort=2#jump_ps"> <span class="t_array">最新</span> </a> <a href="?ps_sort=3#jump_ps"> <span class="t_array">最热</span> </a> <span class="t_explain">*1对1在线班适用于新手*网站VIP适用于中级以上水平*</span> </div> <div class="t_content"> <div class="t_left"> <div class="swiper-container swiper-container-horizontal"> <div class="swiper-wrapper" id="banner_ps" style="transform: translate3d(0px, 0px, 0px);"> <!--左banner开始--> <!-- <div class="swiper-slide swiper-slide-active" style="width: 220px; margin-right: 30px;"> --> <!-- <a href="" target="_blank"> --> <!-- <img src="https://common.psc4d.com/Public/home/x_img/5afd3eb341348.jpg" style="width:100%;margin: 0px auto;border-radius: 10px;" title=""> --> <!-- </a> --> <!-- </div> --> <!--左banner结束--> </div> <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span></div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> <div class="t_right"> <ul> <li> <a href="/course/course_study/cid/449.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201804/05/101635roj2jctgcjppjjft.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/449.html" target="_blank"> <div class="t_video_name">[调色]-天使与和平鸽</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">PS电商</span> <span class="t_video_vie">25172人已学习</span> </div> </li><li> <a href="/course/course_study/cid/589.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/2018-08-03/5b6402b0023b6.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/589.html" target="_blank"> <div class="t_video_name">活动海报-零食海报</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">PS电商</span> <span class="t_video_vie">13557人已学习</span> </div> </li><li> <a href="/course/course_study/cid/503.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201804/27/112927s2r1221zy0pwy02d.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/503.html" target="_blank"> <div class="t_video_name">[基础软件]PS基础课</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">PS电商</span> <span class="t_video_vie">18595人已学习</span> </div> </li><li> <a href="/course/course_study/cid/250.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i4/121630866/TB2l.6KpHJmpuFjSZFwXXaE4VXa-121630866.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/250.html" target="_blank"> <div class="t_video_name">版式课程汇总索引</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">PS电商</span> <span class="t_video_vie">34650人已学习</span> </div> </li><li> <a href="/course/course_study/cid/60.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i3/121630866/TB2gOs9XSFmpuFjSZFrXXayOXXa-121630866.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/60.html" target="_blank"> <div class="t_video_name">[设计原理]-灵感关键字搜索</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">PS电商</span> <span class="t_video_vie">60430人已学习</span> </div> </li><li> <a href="/course/course_study/cid/588.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/2018-08-03/5b63d08b24e7b.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/588.html" target="_blank"> <div class="t_video_name">字体设计-机器人争霸</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">PS电商</span> <span class="t_video_vie">8393人已学习</span> </div> </li><li> <a href="/course/course_study/cid/89.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i3/121630866/TB2bxMsXNdkpuFjy0FbXXaNnpXa-121630866.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/89.html" target="_blank"> <div class="t_video_name">[策划思路]-设计费万元详情页</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">PS电商</span> <span class="t_video_vie">25553人已学习</span> </div> </li><li> <a href="/course/course_study/cid/352.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i2/121630866/TB2TYRkX.hnpuFjSZFEXXX0PFXa-121630866.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/352.html" target="_blank"> <div class="t_video_name">[思路灵感]—活动页面灵感思路方向</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">PS VIP免费试学</span> <span class="t_video_vie">12473人已学习</span> </div> </li><li> <a href="/course/course_study/cid/554.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201805/19/094816n1vsb11wr1wzd1w1.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/554.html" target="_blank"> <div class="t_video_name">[鼠绘]-炼金药水</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">PS电商</span> <span class="t_video_vie">53982人已学习</span> </div> </li><li> <a href="/course/course_study/cid/593.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/2018-08-03/5b6408b7e2ef3.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/593.html" target="_blank"> <div class="t_video_name">活动海报-说走就走的旅行</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">PS电商</span> <span class="t_video_vie">20923人已学习</span> </div> </li><li> <a href="/course/course_study/cid/608.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/2018-09-04/5b8df2dfc9eb0.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/608.html" target="_blank"> <div class="t_video_name">字体设计-军情解码</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">PS电商</span> <span class="t_video_vie">21423人已学习</span> </div> </li> <li><a href="/Course/index/catid/1.html" target="_blank"><div class="t_video_more">查看更多 <i class="fa fa-plus-circle"></i></div></a></li> </ul> </div> </div> <div class="t_advertisement"></div> </div><div class="t_curriculum" id="jump_c4d"> <div class="t_curriculum_v1"> <span style="display: inline-block;width: 4px;height:21px;background-color:#ff6000;margin-top: 6px;position: absolute;"></span> <span class="t_curriculum_title">C4D三维设计</span> <a href="?c4d_sort=1#jump_c4d"> <span class="t_array">推荐</span> </a> <a href="?c4d_sort=2#jump_c4d"> <span class="t_array">最新</span> </a> <a href="?c4d_sort=3#jump_c4d"> <span class="t_array">最热</span> </a> <span class="t_explain">*1对1在线班适用于新手*网站VIP适用于中级以上水平*</span> </div> <div class="t_content"> <div class="t_left"> <div class="swiper-container swiper-container-horizontal"> <div class="swiper-wrapper" id="banner_c4d" style="transform: translate3d(0px, 0px, 0px);"> <!--左banner开始--> <!-- <div class="swiper-slide swiper-slide-active" style="width: 220px; margin-right: 30px;"> --> <!-- <a href="" target="_blank"> --> <!-- <img src="https://common.psc4d.com/Public/home/x_img/5afd3eb341348.jpg" style="width:100%;margin: 0px auto;border-radius: 10px;" title=""> --> <!-- </a> --> <!-- </div> --> <!--左banner结束--> </div> <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span></div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> <div class="t_right"> <ul> <li> <a href="/course/course_study/cid/75.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i2/2189204792/TB2kPO5d_nI8KJjSszbXXb4KFXa_!!2189204792.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/75.html" target="_blank"> <div class="t_video_name">{超级大促销}[一个案例学会C4D基础建模]-8小时超大案例</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">C4D三维</span> <span class="t_video_vie">65082人已学习</span> </div> </li><li> <a href="/course/course_study/cid/307.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i3/2189204792/TB2l6lklxPI8KJjSspfXXcCFXXa_!!2189204792.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/307.html" target="_blank"> <div class="t_video_name">[C4D大型案例]-盗窃现场</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">C4D三维</span> <span class="t_video_vie">72592人已学习</span> </div> </li><li> <a href="/course/course_study/cid/222.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i3/121630866/TB2FmC1hmFmpuFjSZFrXXayOXXa-121630866.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/222.html" target="_blank"> <div class="t_video_name">[C4D大型案例]-乐事薯片寻宝记</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">C4D三维</span> <span class="t_video_vie">55844人已学习</span> </div> </li><li> <a href="/course/course_study/cid/221.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i2/121630866/TB2dSjAfYFkpuFjy1XcXXclapXa-121630866.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/221.html" target="_blank"> <div class="t_video_name">[C4D大型案例]-运动功能饮料</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">C4D三维</span> <span class="t_video_vie">34292人已学习</span> </div> </li><li> <a href="/course/course_study/cid/271.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i4/2189204792/TB2v5fke8bM8KJjSZFFXXaynpXa_!!2189204792.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/271.html" target="_blank"> <div class="t_video_name">[C4D大型案例]-天猫商城</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">C4D三维</span> <span class="t_video_vie">26165人已学习</span> </div> </li><li> <a href="/course/course_study/cid/348.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i1/121630866/TB2SNLZXSJjpuFjy0FdXXXmoFXa-121630866.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/348.html" target="_blank"> <div class="t_video_name">[大型案例]-冰块啤酒</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">C4D三维</span> <span class="t_video_vie">121280人已学习</span> </div> </li><li> <a href="/course/course_study/cid/261.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i4/2189204792/TB2IUMdqrXlpuFjy1zbXXb_qpXa_!!2189204792.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/261.html" target="_blank"> <div class="t_video_name">[C4D大型案例]-电饭煲创意海报</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">C4D三维</span> <span class="t_video_vie">41100人已学习</span> </div> </li><li> <a href="/course/course_study/cid/337.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i3/2189204792/TB2XmDEngfH8KJjy1zcXXcTzpXa_!!2189204792.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/337.html" target="_blank"> <div class="t_video_name">[C4D免费课程]商业渲染-兰博基尼</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">C4D三维</span> <span class="t_video_vie">19625人已学习</span> </div> </li><li> <a href="/course/course_study/cid/169.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i4/121630866/TB2Stn3aC8mpuFjSZFMXXaxpVXa-121630866.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/169.html" target="_blank"> <div class="t_video_name">[C4D基础教程]-0基础教程</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">C4D三维</span> <span class="t_video_vie">10754人已学习</span> </div> </li><li> <a href="/course/course_study/cid/581.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/2018-08-06/5b67edaeaf3f5.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/581.html" target="_blank"> <div class="t_video_name">[C4D基础教程]-灯光基础详解</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">C4D三维</span> <span class="t_video_vie">16785人已学习</span> </div> </li><li> <a href="/course/course_study/cid/187.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i3/2189204792/TB2cq94bS4mpuFjSZFOXXaUqpXa_!!2189204792.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/187.html" target="_blank"> <div class="t_video_name">[C4D基础教程]-UV贴图基础教程</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#6bc235">免费课程</span> <span class="t_video_vie">17337人已学习</span> </div> </li> <li><a href="/Course/index/catid/2.html" target="_blank"><div class="t_video_more">查看更多 <i class="fa fa-plus-circle"></i></div></a></li> </ul> </div> </div> <div class="t_advertisement"></div> </div><div class="t_curriculum" id="jump_hand"> <div class="t_curriculum_v1"> <span style="display: inline-block;width: 4px;height:21px;background-color:#ff6000;margin-top: 6px;position: absolute;"></span> <span class="t_curriculum_title">手绘插画</span> <a href="?hand_sort=1#jump_hand"> <span class="t_array">推荐</span> </a> <a href="?hand_sort=2#jump_hand"> <span class="t_array">最新</span> </a> <a href="?hand_sort=3#jump_hand"> <span class="t_array">最热</span> </a> <span class="t_explain">*1对1在线班适用于新手*网站VIP适用于中级以上水平*</span> </div> <div class="t_content"> <div class="t_left"> <div class="swiper-container swiper-container-horizontal"> <div class="swiper-wrapper" id="banner_hand" style="transform: translate3d(0px, 0px, 0px);"> <!--左banner开始--> <!-- <div class="swiper-slide swiper-slide-active" style="width: 220px; margin-right: 30px;"> --> <!-- <a href="" target="_blank"> --> <!-- <img src="https://common.psc4d.com/Public/home/x_img/5afd3eb341348.jpg" style="width:100%;margin: 0px auto;border-radius: 10px;" title=""> --> <!-- </a> --> <!-- </div> --> <!--左banner结束--> </div> <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span></div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> <div class="t_right"> <ul> <li> <a href="/course/course_study/cid/555.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/2018-09-17/5b9f6564c6e4e.png"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/555.html" target="_blank"> <div class="t_video_name">[手绘]-美式角色设计2 河童武士</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">手绘插画</span> <span class="t_video_vie">29367人已学习</span> </div> </li><li> <a href="/course/course_study/cid/489.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201804/21/101232blrla3lj7l3l3oko.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/489.html" target="_blank"> <div class="t_video_name">[板绘]-头像系列课9 色彩原理</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">手绘插画</span> <span class="t_video_vie">44522人已学习</span> </div> </li><li> <a href="/course/course_study/cid/498.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201804/26/171459y0naj3byw6o0p5e6.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/498.html" target="_blank"> <div class="t_video_name">[手绘]-素描理论基础4 果蔬的画法</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">手绘插画</span> <span class="t_video_vie">19363人已学习</span> </div> </li><li> <a href="/course/course_study/cid/385.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201802/23/173540vasnbqttt7aidcqs.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/385.html" target="_blank"> <div class="t_video_name">[板绘]-铁轨</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">手绘插画</span> <span class="t_video_vie">8339人已学习</span> </div> </li><li> <a href="/course/course_study/cid/418.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201803/26/100106x5ppu7po52771z1o.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/418.html" target="_blank"> <div class="t_video_name">[水彩]-零基础4 绘画示范-寿司</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">手绘插画</span> <span class="t_video_vie">12038人已学习</span> </div> </li><li> <a href="/course/course_study/cid/616.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/2018-09-20/5ba34941f3b73.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/616.html" target="_blank"> <div class="t_video_name">美式角色设计4-小孩绘制</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">手绘插画</span> <span class="t_video_vie">6556人已学习</span> </div> </li><li> <a href="/course/course_study/cid/611.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/2018-09-04/5b8dff02b449b.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/611.html" target="_blank"> <div class="t_video_name">美式角色设计3-兔小姐</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">手绘插画</span> <span class="t_video_vie">28383人已学习</span> </div> </li><li> <a href="/course/course_study/cid/305.html" target="_blank"> <div class="t_video_img"> <img src="https://img.alicdn.com/imgextra/i3/2189204792/TB2Ef2Zk0fJ8KJjy0FeXXXKEXXa_!!2189204792.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/305.html" target="_blank"> <div class="t_video_name">[免费手绘课程]-法师峡谷</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#6bc235">免费课程</span> <span class="t_video_vie">8629人已学习</span> </div> </li><li> <a href="/course/course_study/cid/361.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201802/24/103719tqdeaxaa0wza9p03.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/361.html" target="_blank"> <div class="t_video_name">[板绘]-傍晚小景</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">手绘插画</span> <span class="t_video_vie">6993人已学习</span> </div> </li><li> <a href="/course/course_study/cid/433.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201804/02/140721zaih0kmrzksiyqm7.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/433.html" target="_blank"> <div class="t_video_name">[水彩]-草帽女人像</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">手绘插画</span> <span class="t_video_vie">6439人已学习</span> </div> </li><li> <a href="/course/course_study/cid/434.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201804/02/151528y5zskngj1jhkth3t.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/434.html" target="_blank"> <div class="t_video_name">[水彩]-莲心</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#fc6750">手绘插画</span> <span class="t_video_vie">6529人已学习</span> </div> </li> <li><a href="/Course/index/catid/28.html" target="_blank"><div class="t_video_more">查看更多 <i class="fa fa-plus-circle"></i></div></a></li> </ul> </div> </div> <div class="t_advertisement"></div> </div><div class="t_curriculum" id="jump_five"> <div class="t_curriculum_v1"> <span style="display: inline-block;width: 4px;height:21px;background-color:#ff6000;margin-top: 6px;position: absolute;"></span> <span class="t_curriculum_title">五分钟课堂</span> <a href="?five_sort=1#jump_five"> <span class="t_array">推荐</span> </a> <a href="?five_sort=2#jump_five"> <span class="t_array">最新</span> </a> <a href="?five_sort=3#jump_five"> <span class="t_array">最热</span> </a> <span class="t_explain">*1对1在线班适用于新手*网站VIP适用于中级以上水平*</span> </div> <div class="t_content"> <div class="t_left"> <div class="swiper-container swiper-container-horizontal"> <div class="swiper-wrapper" id="banner_five" style="transform: translate3d(0px, 0px, 0px);"> <!--左banner开始--> <!-- <div class="swiper-slide swiper-slide-active" style="width: 220px; margin-right: 30px;"> --> <!-- <a href="" target="_blank"> --> <!-- <img src="https://common.psc4d.com/Public/home/x_img/5afd3eb341348.jpg" style="width:100%;margin: 0px auto;border-radius: 10px;" title=""> --> <!-- </a> --> <!-- </div> --> <!--左banner结束--> </div> <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span></div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> <div class="t_right"> <ul> <li> <a href="/course/course_study/cid/397.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201803/23/092748ai7x7juxamfgfruy.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/397.html" target="_blank"> <div class="t_video_name">五分钟PS-启动界面的制作</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#6bc235">免费课程</span> <span class="t_video_vie">11499人已学习</span> </div> </li><li> <a href="/course/course_study/cid/410.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201803/23/134420l44utafp3344ovy4.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/410.html" target="_blank"> <div class="t_video_name">五分钟PS-老孃孃的奇幻冒险</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#6bc235">免费课程</span> <span class="t_video_vie">8695人已学习</span> </div> </li><li> <a href="/course/course_study/cid/423.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201803/26/104433i9904ozrvhlvvgro.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/423.html" target="_blank"> <div class="t_video_name">五分钟PS-河中少女</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#6bc235">免费课程</span> <span class="t_video_vie">7765人已学习</span> </div> </li><li> <a href="/course/course_study/cid/465.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201804/18/100317j2l0gff683w212kz.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/465.html" target="_blank"> <div class="t_video_name">五分钟PS-黑暗奇异博士</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#6bc235">免费课程</span> <span class="t_video_vie">6629人已学习</span> </div> </li><li> <a href="/course/course_study/cid/466.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201804/19/171814nueispsqeusrw00p.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/466.html" target="_blank"> <div class="t_video_name">五分钟PS-小孩的奇妙漂流</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#6bc235">免费课程</span> <span class="t_video_vie">7474人已学习</span> </div> </li><li> <a href="/course/course_study/cid/467.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201804/19/171730gse0cuz5b37q7fls.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/467.html" target="_blank"> <div class="t_video_name">五分钟PS-时空穿越者</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#6bc235">免费课程</span> <span class="t_video_vie">10298人已学习</span> </div> </li><li> <a href="/course/course_study/cid/468.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201804/23/101248sbt6tkfptyozt5c6.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/468.html" target="_blank"> <div class="t_video_name">五分钟PS-鹿</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#6bc235">免费课程</span> <span class="t_video_vie">7265人已学习</span> </div> </li><li> <a href="/course/course_study/cid/469.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201804/23/101213zvnhenzzzbfawhlh.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/469.html" target="_blank"> <div class="t_video_name">五分钟PS-黑天鹅</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#6bc235">免费课程</span> <span class="t_video_vie">7164人已学习</span> </div> </li><li> <a href="/course/course_study/cid/470.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201804/23/101312qjfqbnjlx2bf4mvs.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/470.html" target="_blank"> <div class="t_video_name">五分钟PS-黑森林</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#6bc235">免费课程</span> <span class="t_video_vie">7259人已学习</span> </div> </li><li> <a href="/course/course_study/cid/490.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201804/26/162157plc9pg1w1z99969g.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/490.html" target="_blank"> <div class="t_video_name">五分钟PS-宇宙之恋</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#6bc235">免费课程</span> <span class="t_video_vie">6800人已学习</span> </div> </li><li> <a href="/course/course_study/cid/491.html" target="_blank"> <div class="t_video_img"> <img src="https://common.wx.psc4d.com/data/course_img/201804/26/162145c33jjeomtyzjjojt.jpg"> <div class="item-mask" style="border-radius: 10px;"></div> <i class="btn-link__hover_i"></i> </div> </a> <a href="/course/course_study/cid/491.html" target="_blank"> <div class="t_video_name">五分钟PS-被光</div> </a> <div class="t_video_vm"> <span class="t_video_member" style="color:#6bc235">免费课程</span> <span class="t_video_vie">6900人已学习</span> </div> </li> <li><a href="/Course/index/catid/44.html" target="_blank"><div class="t_video_more">查看更多 <i class="fa fa-plus-circle"></i></div></a></li> </ul> </div> </div> <div class="t_advertisement"></div> </div> <div class="t_extension"> <img src="https://common.psc4d.com/Public/home/x_img/5aff737546b1d.png" title="底部优势"> </div> <div class="t_extension"> <a href="/activity/phone.html" target="_blank"> <img src="https://common.psc4d.com/Public/home/x_img/5afd412b1cab7.png" title="底部2" class="img_left"> </a> <a href="/activity/fenqi.html" target="_blank"> <img src="https://common.psc4d.com/Public/home/x_img/5afd41129dea4.png" title="底部广告" class="img_left"> </a> </div> <div style="clear:both"></div> </div> <div id="step" style="font-family: 'microsoft yahei';"> <ul class="box"> <li>平面设计</li> <li>C4D三维</li> <li>手绘插画</li> <li>5分钟课堂</li> <li style="background-color: #49c7cc;" onclick="toptext();">返回<i class="fa fa-angle-up" style="font-size:24px"></i></li> </ul> <span class="bg_color"></span> </div> <div class="foot"> <div class="footer"> <div class="row cf"> <div class="col-md-3 foot-li"> <div class="f-cube"> <div class="b-title">关于吾淘</div> <div class="b-cont b-link cf"> <a target="_blank" rel="nofollow" href="#">企业介绍</a> <a target="_blank" rel="nofollow" href="#">淘友故事</a> </div> </div> </div> <div class="col-md-3 foot-li"> <div class="f-cube"> <div class="b-title">新手指南</div> <div class="b-cont b-link cf"> <a target="_blank" rel="nofollow" href="#">如何注册</a> <a target="_blank" rel="nofollow" href="#">如何学习</a> </div> </div> </div> <div class="col-md-3 foot-li"> <div class="f-cube"> <div class="b-title">加入吾淘</div> <div class="b-cont b-link cf"> <a target="_blank" rel="nofollow" href="#">招聘吾淘</a> <a target="_blank" rel="nofollow" href="#">热招岗位</a> </div> </div> </div> <div class="col-md-3 foot-li foot-li-last"> <div class="f-cube"> <div class="b-title">联系客服</div> <div class="b-cont b-last cf"> <a href="javascript:;" class="qr-a"> <i class="icon icon-weixin"></i> <div class="qr-pic"> <img src="/Public/Upload/ler.gif" alt=""> </div> </a> </div> </div> </div> </div> <div class="copy"> <a href="http://psc4d.com/" title="网---学。练。赏。更优质的设计师参考平台"><img src="https://common.psc4d.com/Public/home/x_img/logo1.png" style="vertical-align: middle;width:150px;"></a> <a href="http://psc4d.com/" target="_blank">包子设计课堂</a> <a href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备14009687号-4</a> ©2007-2025 <a href="http://psc4d.com/" target="_blank">成都市睿谋品牌策划有限公司</a> <a title="腾讯QQ" href="http://wpa.qq.com/msgrd?v=3&uin=800079034&site=qq&menu=yes" target="_blank"><span>联系我们</span></a> </div> </div> </div> <div class="kefu"> <img src="https://common.psc4d.com/Public/home/x_img/suspension.png" border="0" usemap="#planetmap" alt="Planets"> <div onclick="_display(this)"></div> <map name="planetmap" id="planetmap"> <area shape="circle" onfocus="blur(this);" coords="0,85,117,195" href="http://wpa.qq.com/msgrd?v=3&uin=800079034&site=qq&menu=yes" alt="Venus"> <area shape="circle" onfocus="blur(this);" coords="0,195,111,289" href="http://wpa.qq.com/msgrd?v=3&uin=800079034&site=qq&menu=yes" alt="Mercury"> </map> </div> <!-- <div class="xuanfu"><img src="https://common.psc4d.com/Public/home/x_img/xuanfu.png"></div> --> <script src="https://common.psc4d.com/Public/home/js/layer.js" type="text/javascript"></script> <script src="https://common.psc4d.com/Public/home/x_js/header.js" type="text/javascript"></script> <script src="https://common.psc4d.com/Public/home/x_js/swiper.min.js" type="text/javascript"></script> <script src="https://common.psc4d.com/Public/home/x_js/jquery.qrcode.js"></script> <!-- 登录 start --> <!-- 注册 start --> <link rel='stylesheet' type='text/css' href="/Public/home/x_css/ulogin.css?a=1747536273"> <div class="show"></div> <div class="wt_login wt_user_login" style="background:url('/Public/home/image/login.png') no-repeat;"> <div class="login_top"> <ul> <li class="on">登录/注册</li> <!--<li onclick="u_reg();">注册</li>--> </ul> <div class="clearfix"></div> </div> <div class="login_form clearfix"> <ul> <li><input type="text" id="user" name="username" placeholder="用户名(仅限老用户)" required /></li> <li><input type="password" id="pass" name="password" placeholder="密码" required /></li> <li><div onclick="sub_login();" class="but">登录</div></li> <li class="clearfix"> <div class="box_right"> <a href="javascript:void(0)" onclick="u_pass();"><p>找回密码</p></a> </div> </li> </ul> </div> <div class="login_bottom"> <ul style="width:315px;"> <li style="margin-top:0;"><div onclick="u_login();">《 返回</div></li> <div class="clearfix"></div> </ul> </div> <div class="login_bottom" style="margin-top: 20px;"> <div class="yd"> <i class="xy icon"></i> 我已阅读并接受<font color="#ff9927">用户协议</font> <div class="clearfix"></div> </div> </div> </div> <div class="wt_wx wt_user_login" style="background:url('/Public/home/image/login.png') no-repeat;"> <div class="login_top"> <ul> <li class="on">登录</li> <li onclick="u_reg();">注册</li> </ul> <div class="clearfix"></div> </div> <div class="login_form clearfix"> <div class="impowerBox"> <div class="loginPanel normalPanel"> <div class="waiting panelContent"> <div class="wrp_code" id="container"></div> <div class="info"> <div class="status status_browser js_status" id="wx_default_tip"> <span class="wx icon"></span><p>微信扫码关注即可登录</p> </div> <div class="status status_succ js_status" id="wx_after_scan" style="display:none;"> <i class="status_icon icon38_msg succ"></i> <div class="status_txt"> <p>扫码成功,请在微信中点击确认即可登录</p> <p class="sms_check">已完成验证</p> </div> </div> </div> </div> </div> </div> </div> <div class="login_bottom"> <ul> <li><div onclick="u_name();"><i class="us icon"></i>账号登录</div></li> <li><div onclick="u_sms();"><i class="dx icon"></i>短信登录</div></li> <li style="display:none;"><div onclick="u_wxlogin();"><i class="dx icon"></i>登录</div></li> <li><div><a href="/apis/qqlogin.html"><i class="qq icon"></i>QQ登录</a></div></li> <div class="clearfix"></div> </ul> </div> <div class="login_bottom" style="margin-top: 20px;"> <div class="yd"> <i class="xy icon"></i> 我已阅读并接受<font color="#ff9927">用户协议</font> <div class="clearfix"></div> </div> </div> </div> <div class="wt_reg wt_user_login" style="background:url('/Public/home/image/reg.png') no-repeat;"> <div class="login_top"> <ul> <li onclick="u_login();">登录</li> <li class="on">注册</li> </ul> <div class="clearfix"></div> </div> <div class="login_form clearfix"> <div class="impowerBox"> <div class="loginPanel normalPanel"> <div class="waiting panelContent"> <div class="wrp_code" id="container1"></div> <div class="info"> <div class="status status_browser js_status" id="wx_default_tip"> <span class="wx icon"></span><p>微信扫码即可注册</p> </div> <div class="status status_succ js_status" id="wx_after_scan" style="display:none;"> <i class="status_icon icon38_msg succ"></i> <div class="status_txt"> <p>扫码成功,请在微信中点击确认即可登录</p> <p class="sms_check">已完成验证</p> </div> </div> </div> </div> </div> </div> </div> <div class="login_bottom"> <ul style="width:95px;"> <li style="margin-top:0;width:100%;"><div><a href="/apis/qqlogin.html"><i class="qq icon"></i>QQ注册</a></div></li> <div class="clearfix"></div> </ul> </div> <div class="login_bottom" style="margin-top: 20px;"> <div class="yd"> <i class="xy icon"></i> 我已阅读并接受<font color="#ff9927">用户协议</font> <div class="clearfix"></div> </div> </div> </div> <div class="wt_sms wt_user_login" style="overflow: auto;background:url('/Public/home/image/login.png') no-repeat;"> <div class="login_top"> <ul> <li class="on">登录</li> <li onclick="u_reg();">注册</li> </ul> <div class="clearfix"></div> </div> <div class="login_form clearfix"> <ul> <li><input type="text" name="s_mobile" placeholder="手机号" maxlength="11" /></li> <li><input type="text" name="s_code" placeholder="验证码" maxlength="6" style="width:59%;border-bottom-right-radius: 0px;border-top-right-radius:0px;" /> <button class="code smc" data-id="s">获取验证码</button><div style="clear:both;"></div></li> <li><div onclick="sub_sms();" class="but">登录</div></li> </ul> </div> <div class="login_bottom"> <ul style="width:315px;"> <li style="margin-top:0;"><div onclick="u_login();">《 返回</div></li> <div class="clearfix"></div> </ul> </div> <div class="login_bottom" style="margin-top: 20px;"> <div class="yd"> <i class="xy icon"></i> 我已阅读并接受<font color="#ff9927">用户协议</font> <div class="clearfix"></div> </div> </div> </div> <div class="wt_pass wt_user_login" style="box-shadow: #999 0px 0px 10px;overflow: auto;background:url('/Public/home/image/login.png') no-repeat;"> <div class="login_top"> <ul> <li class="on">找回密码</li> </ul> <div class="clearfix"></div> </div> <div class="login_form clearfix"> <ul style="margin:0 0 0 6%;"> <li><input type="text" name="p_mobile" placeholder="手机号" maxlength="11" /></li> <li><input type="text" name="p_code" placeholder="验证码" maxlength="6" style="width:59%;border-bottom-right-radius: 0px;border-top-right-radius:0px;" /><button class="code smc" data-id="p">获取验证码</button><div style="clear:both;"></div></li> <li><input type="password" name="p_pass" placeholder="新密码" /></li> <li><input type="password" name="p_rpass" placeholder="确认密码" /></li> <li style="margin-bottom:0;"><div onclick="sub_pass();" class="but">确认找回</div></li> </ul> </div> </div> <div class="wt_bacc wt_user_login" style="box-shadow: #999 0px 0px 10px;overflow: auto;background:url('/Public/home/image/bacc.png') no-repeat;"> <div class="login_top"> <ul> <li class="on">完善信息</li> </ul> <div class="clearfix"></div> <p style="padding: 10px 30px;font-size: 16px;color: #ff9927;">绑定手机号用于找回密码</p> </div> <div class="login_form clearfix"> <ul style="margin:0 0 0 6%;"> <li><input type="text" name="b_mobile" placeholder="手机号" maxlength="11" /></li> <li><input type="text" name="b_code" placeholder="验证码" maxlength="6" style="width:59%;border-bottom-right-radius: 0px;border-top-right-radius:0px;" /><button class="code smc" data-id="b">获取验证码</button><div style="clear:both;"></div></li> <li><div onclick="sub_bacc();" class="but">绑定</div></li> </ul> </div> </div> <!--<div style="display:none;"></div>--> <script> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) { //跳转移动端页面 window.location.href="https://m.psc4d.com/"; } } browserRedirect(); var w = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth; $('.wt_user_login').css("left",(w-715)/2); var codes='0'; var state=Date.now()+''+parseInt(Math.random() * (999999 - 100000 + 1) + 100000, 10); var init = setInterval(smc,2000); clearTimeout(init); u_pid(); function u_pid(str){ console.log(str); $.post("/login/check.html",{},function(data){ console.log(data); if(data.pid!=0){ //u_blogin(); } }) } function u_user(str){ //console.log(str); var uid=""; if(uid){ window.location.href=str; }else{ $.post("/login/check.html",{},function(data){ console.log(data); if(data.pid!=0){ u_blogin(); }else{ u_login(); } }) } } function sub_login(){ var user=$('#user').val(); var pass=$('#pass').val(); if(user && pass){ $.post("/login/login.html",{username:user,password:pass},function(data){ layer.msg(data.info); //console.log(data); if(data.status=='1'){ var test = window.location.pathname; window.location.href=test; } }) } } function sub_sms(){ var mobile=$('input[name=s_mobile]').val(); var code=$('input[name=s_code]').val(); if(codes=='0'){layer.msg('请先获取验证码');return false;}else if(code!=codes){layer.msg('验证码错误');return false;} if(mobile && code){ $.post("/login/sms.html",{mobile:mobile},function(data){ layer.msg(data.info); //console.log(data); if(data.status=='1'){ window.location.href=window.location.pathname; } }) } } function sub_bacc(){ var mobile=$('input[name=b_mobile]').val(); var code=$('input[name=b_code]').val(); if(codes=='0'){layer.msg('请先获取验证码');return false;}else if(code!=codes){layer.msg('验证码错误');return false;} console.log(mobile,code,codes); if(mobile && code){ $.post("/login/sms.html",{mobile:mobile},function(data){ layer.msg(data.info); console.log(data); if(data.status=='1'){ window.location.href=window.location.pathname; } }); } } $(function(){ $('.smc').click(function(){ var id=$(this).attr('data-id'); var th=this; var mobile=$('input[name='+id+'_mobile]').val(); //console.log(id,th,mobile); if(mobile==""){layer.msg("请填写手机号");return;} var reg = /^0?1[3|4|5|6|7|8|9][0-9]\d{8}$/; if(mobile.length<11 || !reg.test(mobile)){layer.msg("你填写的手机号不正确");return;} $.post("/login/verifyCode.html",{mobile:mobile,type:id},function(data){ console.log(data); layer.msg(data.info); if(data.status=='1'){ codes=data.mobile_code; var count =90; var down = setInterval( function smc(){ $(th).attr('disabled',true); $(th).css('background',"#ccc"); $(th).html("等待" + count + "s"); if (count == 0){ $(th).attr('disabled',false); $(th).css('background',"#ff9927"); $(th).html("重新获取"); clearInterval(down); } count--; }, 1000); }else{ $(this).attr('disabled',false); } }); }); }); function sub_reg(){ var user=$('input[name=r_user]').val(); var pass=$('input[name=r_pass]').val(); var rpass=$('input[name=r_rpass]').val(); var mobile=$('input[name=r_mobile]').val(); var code=$('input[name=r_code]').val(); if(user==''){ layer.tips('请输入用户名','input[name=r_user]', {tips: 1}); return false; }else if(pass == ''){ layer.tips('请输入登录密码','input[name=r_pass]', {tips: 1}); return false; }else if(rpass == ''){ layer.tips('请输入重复密码','input[name=r_rpass]', {tips: 1}); return false; }else if(mobile == ''){ layer.tips('请输入手机号码','input[name=r_mobile]', {tips: 1}); return false; }else if(code == ''){ layer.tips('请输入验证码','input[name=r_code]', {tips: 1}); return false; } if(pass.length<6){layer.tips('密码不能小于6位','input[name=r_pass]', {tips: 1});return false;} if(pass!=rpass){layer.msg('两次密码不相同');return false;} if(code!=codes){layer.msg('验证码错误');return false;} //console.log(user,pass,rpass,code,codes); $.post("/login/bindAccount.html",{username:user,password:pass},function(data){ layer.msg(data.info); //console.log(data); if(data.status=='1'){ u_login(); } }) } function sub_pass(){ var pass=$('input[name=p_pass]').val(); var rpass=$('input[name=p_rpass]').val(); var mobile=$('input[name=p_mobile]').val(); var code=$('input[name=p_code]').val(); if(pass == ''){ layer.tips('请输入登录密码','input[name=p_pass]', {tips: 1}); return false; }else if(rpass == ''){ layer.tips('请输入重复密码','input[name=p_rpass]', {tips: 1}); return false; }else if(mobile == ''){ layer.tips('请输入手机号码','input[name=p_mobile]', {tips: 1}); return false; }else if(code == ''){ layer.tips('请输入验证码','input[name=p_code]', {tips: 1}); return false; } if(pass.length<6){layer.tips('密码不能小于6位','input[name=p_pass]', {tips: 1});return false;} if(pass!=rpass){layer.msg('两次密码不相同');return false;} if(codes=='0'){layer.msg('请先获取验证码');return false;}else if(code!=codes){layer.msg('验证码错误');return false;} $.post("/login/getpass.html",{password:pass},function(data){ layer.msg(data.info); //console.log(data); if(data.status=='1'){ u_login(); } }) } function hideWindow(title){ $(".show").hide(); clearTimeout(init); $(".wt_"+title).hide(); } $('.show').click(function(){ $(this).hide(); hideWindow($(this).attr("id")); }) function u_wxlogin(){ clearTimeout(init); init = setInterval(smc, 2000); $(".wt_user_login").hide(); $(".wt_wx").show(); $(".show").attr("id","wx"); $(".show").show(); state=Date.now()+''+parseInt(Math.random() * (999999 - 100000 + 1) + 100000, 10); var options = { ecLevel:'M', minVersion: parseInt(2, 10), color: '#333333',bgColor:'#fff', text: "https://www.psc4d.com/apis/wxurl/state/"+state+".html", size: parseInt(200, 10), radius: parseInt(30, 10) * 0.01, quiet: parseInt(1, 10), mode: parseInt(0, 10), imagesize: parseInt(20, 10) * 0.01 }; $("#container").empty().qrcode(options); } function u_login(){ clearTimeout(init); state=Date.now()+''+parseInt(Math.random() * (999999 - 100000 + 1) + 100000, 10); $.post("/apis/qr.html",{key:state},function(data){ if(data.url){ init = setInterval(smcs, 1500); var options = { ecLevel:'M', minVersion: parseInt(2, 10), color: '#333333',bgColor:'#fff', text: data.url, size: parseInt(200, 10), radius: parseInt(30, 10) * 0.01, quiet: parseInt(1, 10), mode: parseInt(0, 10), imagesize: parseInt(20, 10) * 0.01 }; $("#container").empty().qrcode(options); }else{ alert('微信登录系统错误!'); } $(".wt_user_login").hide(); $(".wt_wx").show(); $(".show").attr("id","wx"); $(".show").show(); }); } function u_reg(){ clearTimeout(init); state=Date.now()+''+parseInt(Math.random() * (999999 - 100000 + 1) + 100000, 10); $.post("/apis/qr.html",{key:state},function(data){ if(data.url){ init = setInterval(smcs, 1500); $(".wt_user_login").hide(); $(".wt_reg").show(); $(".show").attr("id","reg"); $(".show").show(); var options = { ecLevel:'M', minVersion: parseInt(2, 10), color: '#333333',bgColor:'#fff', text: data.url, size: parseInt(200, 10), radius: parseInt(30, 10) * 0.01, quiet: parseInt(1, 10), mode: parseInt(0, 10), imagesize: parseInt(20, 10) * 0.01 }; $("#container1").empty().qrcode(options); }else{ alert('系统错误!'); } }); } function u_blogin(){ clearTimeout(init); $(".wt_user_login").hide(); $(".wt_bacc").show(); $(".show").attr("id","bacc"); $(".show").show(); } function u_sms(){ clearTimeout(init); $(".wt_user_login").hide(); $(".wt_sms").show(); $(".show").attr("id","sms"); $(".show").show(); } function smc(){ $.post("/apis/state.html",{key:state},function(data){ //console.log(data); if(data.status=="1"){ $('#wx_default_tip').hide(); //$('#wx_after_scan').show(); clearTimeout(init); location='/'; }else if(data.status=="0"){ $('#wx_default_tip').hide(); //$('#wx_after_scan').show(); clearTimeout(init); //$('.status_txt p:eq(0)').html("请在手机端完成验证"); //alert('当前微信没有关联任何账户,第一次使用需绑定账户'); u_blogin(); } }); } function smcs(){ $.post("/apis/qr_check.html",{key:state},function(data){ //console.log(data); if(data.status=="1"){ $('#wx_default_tip').hide(); //$('#wx_after_scan').show(); clearTimeout(init); location='/'; }else if(data.status=="0"){ $('#wx_default_tip').hide(); //$('#wx_after_scan').show(); clearTimeout(init); //$('.status_txt p:eq(0)').html("请在手机端完成验证"); //alert('当前微信没有关联任何账户,第一次使用需绑定账户'); u_blogin(); } }); } $('.sms_check').click(function(){ console.log('验证'); $.post("/apis/state.html",{key:state},function(data){ //console.log(data); if(data.status=="1"){ $('#wx_default_tip').hide(); //$('#wx_after_scan').show(); clearTimeout(init); location='/'; }else if(data.status=="0"){ console.log('未验证'); } }); }) function u_name(){ clearTimeout(init); $(".wt_user_login").hide(); $(".wt_login").show(); $(".show").attr("id","login"); $(".show").show(); } function u_pass(){ clearTimeout(init); $(".wt_user_login").hide(); $(".wt_pass").show(); $(".show").attr("id","pass"); $(".show").show(); } </script> <!-- 登录 end --> <!-- 注册 end --> <script language="JavaScript" type="text/JavaScript"> function _display(){ $('.kefu').hide(); } function u_logout(s){ $.get(s,{},function(sa){ layer.msg(sa.info); location.href="/"; }) } function getCookie(objName){ var arrStr = document.cookie.split('; '); for(var i = 0;i < arrStr.length;i ++){ var temp = arrStr[i].split('='); if(temp[0] == objName) return unescape(temp[1]); } } function initNav1(id,banner_type){ let kc_data; if(banner_type == 2){ kc_data = [{"pwa_id":"66","pwa_name":"\u7f51\u7ad9VIP","pwa_img":"\/Upload\/img\/2018-09-16\/5b9db68247699.jpg","pwa_url":"https:\/\/www.psc4d.com\/vip\/index.html","pwa_type":"2","pwa_enable":"1","pwa_sort":"1"},{"pwa_id":"69","pwa_name":"\u4e66","pwa_img":"\/Upload\/img\/2018-09-16\/5b9db818ed219.jpg","pwa_url":"https:\/\/item.jd.com\/12191487.html","pwa_type":"2","pwa_enable":"1","pwa_sort":"4"},{"pwa_id":"71","pwa_name":"\u82b1\u5457\u5206\u671f","pwa_img":"\/Upload\/img\/2018-09-16\/5b9db9d2f0758.jpg","pwa_url":"https:\/\/www.psc4d.com\/activity\/fenqi.html","pwa_type":"2","pwa_enable":"1","pwa_sort":"6"}];//获取banner }else if(banner_type == 4){ kc_data = [{"pwa_id":"60","pwa_name":"","pwa_img":"\/Upload\/img\/2018-09-16\/5b9dc07125399.jpg","pwa_url":"https:\/\/www.psc4d.com\/vip\/index.html","pwa_type":"4","pwa_enable":"1","pwa_sort":"1"},{"pwa_id":"62","pwa_name":"\u514d\u8d39\u5b66","pwa_img":"\/Upload\/img\/2018-09-16\/5b9dc090f39be.jpg","pwa_url":"https:\/\/www.psc4d.com\/custom\/index.html","pwa_type":"4","pwa_enable":"1","pwa_sort":"3"},{"pwa_id":"64","pwa_name":"","pwa_img":"\/Upload\/img\/2018-09-16\/5b9dc0b44a208.jpg","pwa_url":"https:\/\/www.psc4d.com\/activity\/fenqi.html","pwa_type":"4","pwa_enable":"1","pwa_sort":"5"}];//获取banner }else if(banner_type == 5){ kc_data = [{"pwa_id":"30","pwa_name":"\u8bd5\u5b66","pwa_img":"\/Upload\/img\/2018-05-17\/5afd3eb341348.jpg","pwa_url":"\/Custom\/custom_ps.html","pwa_type":"5","pwa_enable":"1","pwa_sort":"0"}];//获取banner }else if(banner_type == 6){ kc_data = [{"pwa_id":"35","pwa_name":"C4D\u5de6\u4fa7","pwa_img":"\/Upload\/img\/2018-05-17\/5afd3f8dbe333.jpg","pwa_url":"\/Custom\/custom_c4d.html","pwa_type":"6","pwa_enable":"1","pwa_sort":"0"}];//获取banner }else if(banner_type == 7){ kc_data = [{"pwa_id":"36","pwa_name":"\u624b\u7ed8\u5de6\u4fa7","pwa_img":"\/Upload\/img\/2018-05-17\/5afd40ab41b15.jpg","pwa_url":"0","pwa_type":"7","pwa_enable":"1","pwa_sort":"0"}];//获取banner }else if(banner_type == 8){ kc_data = [{"pwa_id":"37","pwa_name":"5\u5206\u949f\u5de6\u4fa7\u9762","pwa_img":"\/Upload\/img\/2018-05-17\/5afd40d328c0b.jpg","pwa_url":"0","pwa_type":"8","pwa_enable":"1","pwa_sort":"0"}];//获取banner } //console.log(kc_data); var li = ""; $.each(kc_data,function(ind,obj){ if(banner_type == 4){ li+="<div><a style='float: left;margin:-45px 10px' href='"+obj.pwa_url+"'><img src='https://common.psc4d.com/Public"+obj.pwa_img+"' alt=''></a></div>"; }else{ li+="<div class='swiper-slide'><a class='wu_cc'><img src='https://common.psc4d.com/Public"+obj.pwa_img+"' alt=''></a></div>"; } });// href='"+obj.pwa_url+"' $("#"+id).append(li); } var bd_height = new Array(); // 记忆变量 var old_key = 0; /*加载完成执行*/ $(function(){ //轮播 initNav1('wu_centent_nav1','2'); initNav1('banner_cd','4'); initNav1('banner_ps','5'); initNav1('banner_c4d','6'); initNav1('banner_hand','7'); initNav1('banner_five','8'); $('#building .t_curriculum').each(function(){ bd_height[$(this).index()] = $(this).offset().top; }) // 滚动条事件 $(window).scroll(function(){ // 当前滚动条的高度 var sl_this = $(this).height(); // 滚动条上放的高度 var sl_top = $(this).scrollTop(); // 出现的高度 var show_ht = sl_top+sl_this/2; // 获取楼层的层数,0层开始 var key = 0; // 此处可以根据自己的情况进行更改 // for,each,for in都可以 建议改为for循环 // console.log(bd_height); bd_height.map(function(value,index){ // 阶梯判断[这一步很重要] if(show_ht >= value){ key = index; } }) // 修改楼梯的样式 if(old_key == key){ return false; }else{ old_key = key; // 调起修改样式函数 change_step(key); } }) }) /*修改楼梯的函数*/ function change_step(key){ // 获取当前的背景块定位 var bg_color = $('#step .bg_color'); var old_top = bg_color.position().top; // 获取目标位置的高度 var ul_ftop = $('#step .box').offset().top; var li_ftop = $('#step .box li').eq(key).offset().top; var target_top = li_ftop-ul_ftop; // 开启动画 if(target_top=='0'){ $('.bg_color').css('background-color','#2261ee'); } if(target_top=='51'){ $('.bg_color').css('background-color','#7e5bef'); } if(target_top=='102'){ $('.bg_color').css('background-color','#a4d875'); } if(target_top=='153'){ $('.bg_color').css('background-color','#ff4840'); } bg_color.animate({top:target_top}, 'fast'); } /*修改建筑的函数*/ function change_building(key){ // 当前滚动条的高度 var sl_this = $(window).height(); // 获取目标的位置 var target = $('#building .t_curriculum').eq(key).offset().top; target -= sl_this/2-1; // 开启动画 $('html,body').animate({scrollTop:target}); } /*点击跳转到楼层*/ $('#step .box li').click(function(){ var key = $(this).index(); // 跳转建筑 change_building(key); }) function toptext(){ scrollTo(0,0); } var program=document.getElementsByClassName('t_program')[0]; function prog(){ program.style.display="block"; } function progs(){ program.style.display="none"; } var swiper = new Swiper('.swiper-container', { spaceBetween: 30, centeredSlides: true, autoplay: { delay: 2500, disableOnInteraction: false, }, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); function modthis(e){ var i=e; for(var s=1;s<=12;s++){ var label1 = document.getElementsByClassName('mod_subcate_'+s); label1[0].style.display="none"; } for(var a=1;a<=12;a++){ if(a=i){ var label1 = document.getElementsByClassName('mod_subcate_'+i); label1[0].style.display="block"; break; } } } function modthiss(){ for(var s=1;s<=12;s++){ var label1 = document.getElementsByClassName('mod_subcate_'+s); label1[0].style.display="none"; } } $(function(){ var url = window.location.href; var title=document.title; console.log(url,title); //resetTime(); }) function resetTime(){ var timer=null; var s=0; function countDown(){ s++; console.log(s+"秒"); if(s%10==0){ console.log((s/10)+'次'); } } timer=setInterval(countDown,1000); } </script> </body> </html>