用Java代码实现md5加密和URL获取域名网页页面的一些代码源

//md5加密
public class Md5 {
//单元测试
 @Test
 public void s() throws Exception {
  String pwd = "123456";
  // 获取一个加密对象,传入一个加密方式的String
  MessageDigest md5 = MessageDigest.getInstance("md5");
  // 把密码转换为byte数组
  byte[] bytes = pwd.getBytes();
  // 加密
  byte[] digest = md5.digest(bytes);
  // 准备一个16进制的字符数组
  char[] c = { '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a',
    'b', 'c', 'd', 'e', 'f' };
  StringBuilder sb = new StringBuilder();
  // 把加密后的byte数组处理为字符串,通常这样处理
  for (byte b : digest) {
   // 高4位
   int b1 = (b >> 4) & 15;
   sb.append(c[b1]);
   // 低4位
   int b2 = b & 15;
   sb.append(c[b2]);
  }
  System.out.println(sb.toString());
 }
}

//运行结果

e10adc3949ba59abbe56e057f20f883e

//URL获取域名网页页面代码源

import java.io.BufferedReader;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.MalformedURLException;
import java.net.URL;
import org.junit.Test;
public class HTMLl {
 @Test
 public void css() throws Exception {
  // 创建一个url,并将你想要的网页域名地址添加到url
  URL url = new URL("http://www.lanqiao.org/");
  // 通过url得到一个输入流
  InputStream is = url.openStream();
  // 将字节流的输入流转为字符流的输入流
  InputStreamReader isr = new InputStreamReader(is);
  // 创建一个Buffer字符来装字符流
  BufferedReader br = new BufferedReader(isr);
  // 给定一个字符串类型的长度
  String str;
  // 创建一个while循环用来一行一行读取BufferedReader里面内容
  while ((str = br.readLine()) != null) {
   // 在Java控制台打印出域名网页代码源
   System.out.println(str);
  }
 }
}

//运行结果

锘?<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="renderer" content="webkit">
  <meta name="keywords" content="钃濇ˉ瀛﹂櫌,钃濇ˉ鏉ぇ璧?,杞欢璁捐澶ц禌,钃濇ˉ鎷涜仒,钃濇ˉ鍩硅鎬庝箞鏍?" />
  <meta name="baidu-site-verification" content="6AjHEf7yhK" />
  <meta name="description" content="钃濇ˉ闅跺睘浜庡伐涓氬拰淇℃伅鍖栭儴浜烘墠浜ゆ祦涓績锛屾嫢鏈夎摑妗ヨ蒋浠跺闄€?佽摑妗ユ澂澶ц禌銆佽摑淇濄?佽摑甯堟眹銆佹湁涓恒?佸ぇ瀛﹀垱瀹㈢瓑澶氱涓氬姟褰㈠紡锛岀嚎涓婄嚎涓嬬浉缁撳悎杩炴帴楂樻牎鍜屼紒涓氾紝鎺ㄥ姩鏁欒偛鏀归潻銆佷汉鎵嶆垚闀垮拰绀句細杩涙銆?" />
  <meta property="qc:admins" content="3647363502641611176727" />
  <title>钃濇ˉ-杩炴帴楂樻牎鍜屼紒涓?</title>
  <link href="" type="image/x-icon" rel="SHORTCUT ICON" />
  <link rel="stylesheet" type="text/css" href="./themes/css/style.css" />
  <link rel="stylesheet" type="text/css" href="./themes/css/index.css" />
  <script src="http://img.lanqiao.cn/tpl/js/statistics.js"></script>
 </head>
 <body>
  <!-- return top -->
  <a class="returnTop" href="#home"></a>
  <!-- header -->
  <div class="header clearfix header-fixed">
   <div class="logo fl">
    <a href="http://www.lanqiao.org/">钃濇ˉ </a>
   </div>
   <div class="nav fr">
    <ul class="clearfix">
     <li>
      <a href="javaScript:;" id="service" onClick="showSide()" title="鎴戜滑鐨勬湇鍔?"><img src="./themes/images/menu.png" style="margin: -2px 10px 0 0;opacity: 0.8;" />鎴戜滑鐨勬湇鍔?</a>
      <div class="menu">
       <div class="anchors">
        <ul>
         <li>
          <a href="#zhaopin" title="钃濇ˉ鎷涜仒">钃濇ˉ鎷涜仒</a>
         </li>
         <li>
          <a href="#xueyuan" title="钃濇ˉ杞欢瀛﹂櫌">钃濇ˉ杞欢瀛﹂櫌</a>
         </li>
         <li>
          <a href="#dasai" title="钃濇ˉ鏉ぇ璧?">钃濇ˉ鏉ぇ璧?</a>
         </li>
         <li>
          <a href="#lanbao" title="钃濅繚">钃濅繚</a>
         </li>
         <li>
          <a href="#lanshihui" title="钃濆笀姹?">钃濆笀姹?</a>
         </li>
         <li>
          <a href="#youwei" title="鏈変负">鏈変负</a>
         </li>
         <li>
          <a href="#chuangke" title="鍒涘">鍒涘</a>
         </li>
        </ul>
       </div>
      </div>
     </li>
     <li>
      <a href="http://lanqiao.org/about.html" title="鍏充簬鎴戜滑">鍏充簬鎴戜滑</a>
     </li>
    </ul>
   </div>
  </div>
  <!-- container -->
  <div class="container">
   <!-- main -->
   <div class="main">
    <!--fullPage-->
    <div id="fullPage">
     <!--钃濇ˉ鎷涜仒-->
     <div class="section zhaopin">
      <div class="content">
       <div class="clearfix">
        <div class="zpLeft">
         <div class="box box1">
          <div class="a-logo"><img src="themes/images/zhaopin/logo1.png" style="padding-top:34px;"/></div>
          <div class="info">
           <p>宸叉敹鍒?<span class="number">68</span>浠界畝鍘?</p>
           <p>骞垮窞铏圭鐢靛瓙绉戞妧鏈夐檺鍏徃</p>
          </div>
         </div>
         <div class="box">
          <div class="a-logo"><img src="themes/images/zhaopin/logo2.png"/></div>
          <p>宸叉敹鍒?<span class="number fs18">27</span>浠界畝鍘?</p>
         </div>
         <div class="box box3">
          <div class="a-logo"><img src="themes/images/zhaopin/logo3.png"  style="padding-top:40px;"/></div>
          <p class="title">鍚堝姏浜挎嵎绉?<br/>鎶?鑲′唤鏈夐檺鍏徃</p>
          <p>宸叉敹鍒?<span class="number fs18">85</span>浠界畝鍘?</p>
         </div>
         <div class="box">
          <div class="a-logo"><img src="themes/images/zhaopin/logo4.png" /></div>
          <p>宸叉敹鍒?<span class="number fs18">85</span>浠界畝鍘?</p>
         </div>
         <div class="box">
          <div class="a-logo"><img src="themes/images/zhaopin/logo5.png"/></div>
          <p>宸叉敹鍒?<span class="number fs18">54</span>浠界畝鍘?</p>
         </div>
         <div class="box">
          <div class="a-logo"><img src="themes/images/zhaopin/logo6.png"/></div>
          <p>宸叉敹鍒?<span class="number fs18">92</span>浠界畝鍘?</p>
         </div>
         <div class="box box1">
          <div class="a-logo"><img src="themes/images/zhaopin/logo7.png"/></div>
          <div class="info">
           <p>宸叉敹鍒?<span class="number">93</span>浠界畝鍘?</p>
           <p>鍖椾含鑺辨椇鍦ㄧ嚎鍟嗚锤鏈夐檺鍏徃</p>
          </div>
         </div>
         <div class="box">
          <div class="a-logo"><img src="themes/images/zhaopin/logo8.png"/></div>
          <p>宸叉敹鍒?<span class="number fs18">26</span>浠界畝鍘?</p>
         </div>
         <div class="box">
          <div class="a-logo"><img src="themes/images/zhaopin/logo9.png"/></div>
          <p>宸叉敹鍒?<span class="number fs18">82</span>浠界畝鍘?</p>
         </div>
         <div class="box">
          <div class="a-logo"><img src="themes/images/zhaopin/logo10.png"/></div>
          <p>宸叉敹鍒?<span class="number fs18">69</span>浠界畝鍘?</p>
         </div>
         <div class="box">
          <div class="a-logo"><img src="themes/images/zhaopin/logo11.png"/></div>
          <p>宸叉敹鍒?<span class="number fs18">77</span>浠界畝鍘?</p>
         </div>
         <div class="box box1">
          <div class="a-logo"><img src="themes/images/zhaopin/logo12.png"/></div>
          <div class="info">
           <p>宸叉敹鍒?<span class="number">122</span>浠界畝鍘?</p>
           <p>鍖椾含濂囪檸绉戞妧鏈夐檺鍏徃</p>
          </div>
         </div>
        </div>
        <div class="zpRight">
         <div class="cnt">
          <p><img src="themes/images/zhaopin/p02.png" alt="钃濇ˉ鎷涜仒"></p>
          <p class="mt40 a1"><img src="themes/images/zhaopin/p01.png" alt="钃濇ˉ鎷涜仒"></p>
          <p class="p1">浼佷笟鎷涜仒 / 绮惧噯楂樻晥 / 鍛婂埆娴烽??</p>
          <p class="p2">鍏ㄥ浗鏈?澶х鍗氶珮绾т汉鎵嶅簱<br/>鍏ㄥ浗鏈?澶T浜掕仈缃戜笓涓氫汉鎵嶅簱<br/>姣忎竴浠界畝鍘嗛兘涓烘偍绮炬寫缁嗛??</p>
          <a href="http://www.lanqiaohr.com" class="btn">浼佷笟楂樻晥鎷涜仒閫氶亾</a>
         </div>
        </div>
       </div>
       <div class="intro clearfix">
        <div class="item">
         <img src="themes/images/zhaopin/a1.png" />
         <p><span>鐪熷疄绠?鍘?</span><br/>浼佷笟HR鎷呬换浜烘墠缁忕邯浜虹偣璇勬妸鍏?</p>
        </div>
        <div class="item">
         <img src="themes/images/zhaopin/a2.png" />
         <p><span>绮惧噯鎺ㄨ崘</span><br/>AI鍖归厤+缁忕邯浜烘帹鑽?+骞冲彴澶嶆牳</p>
        </div>
        <div class="item" style="width:310px;">
         <img src="themes/images/zhaopin/a3.png" />
         <p><span>楂樻晥鎷涜仒</span><br/>闈㈣瘯閫氳繃鏋侀?熷叆鑱?</p>
        </div>
       </div>
      </div>
      <label class="page-logo" id="arrow_down"></label>
     </div>
     <!--home-->
     <div class="section home">
      <div class="content">
       <!--<p class="p1">钃濇ˉ</p>
       <p class="p2">杩炴帴楂樻牎鍜屼紒涓?</p>-->
       <p class="t">钃濇ˉ<span>&bull;</span>杩炴帴楂樻牎鍜屼紒涓?</p>
       <div class="links">
        <div>
         <a class="underline" href="http://www.lanqiaohr.com/" target="_blank">钃濇ˉ鎷涜仒</a>
        </div>
        <div>
         <a href="http://www.lanqiao.cn/" target="_blank">钃濇ˉ杞欢瀛﹂櫌</a>
         <ul style="margin-left: -2px;">
          <li>
           <a href="http://www.lanqiao.cn/java.html" target="_blank">Java寮?鍙?</a>
          </li>
          <li>
           <a href="http://www.lanqiao.cn/finance.html" target="_blank">鏁板瓧閲戣瀺</a>
          </li>
          <li>
           <a href="http://www.lanqiao.cn/ui.html" target="_blank">UI璁捐</a>
          </li>
          <li>
           <a href="http://www.lanqiao.cn/pm.html" target="_blank">浜у搧缁忕悊</a>
          </li>
         </ul>
        </div>
        <div>
         <a href="http://dasai.lanqiao.cn/" target="_blank">钃濇ˉ鏉ぇ璧?</a>
         <ul style="width: 180px;margin-left: -40px;">
          <li>
           <a href="http://dasai.lanqiao.cn/" target="_blank">Java杞欢寮?鍙?</a>
          </li>
          <li>
           <a href="http://dasai.lanqiao.cn/" target="_blank">c/c++杞欢寮?鍙?</a>
          </li>
          <li>
           <a href="http://dasai.lanqiao.cn/" target="_blank">宓屽叆寮忚璁′笌寮?鍙?</a>
          </li>
          <li>
           <a href="http://dasai.lanqiao.cn/" target="_blank">鍗曠墖鏈鸿璁′笌寮?鍙? </a>
          </li>
          <li>
           <a href="http://dasai.lanqiao.cn/" target="_blank">鍒涗笟鍥㈤槦璧? </a>
          </li>
         </ul>
        </div>
       </div>
       <a href="javascript:;" id="playBtn" class="page1-play" title="瑙傜湅钃濇ˉ瑙嗛"></a>
      </div>
      <label class="page-logo" id="arrow_down"></label>
     </div>
     
     
     <!--钃濇ˉ杞欢瀛﹂櫌-->
     <div class="section xueyuan">
      <div class="video_wrap">
       <video preload="auto" loop muted id="video1">
        <source src="./themes/video/video.webm" type="video/webm">
        <source src="./themes/video/video.mp4" type="video/mp4">
        <source src="./themes/video/video.ogv" type="video/ogg">
       </video>
      </div>
      <div class="content">
       <a href="http://www.lanqiao.cn/" target="_blank" class="t">钃濇ˉ杞欢瀛﹂櫌</a>
       <p class="desc"> IT鏁欒偛鍩硅鈥滃浗瀹堕槦鈥?</p>
       <div class="links">
        <a href="http://www.lanqiao.cn/about.html#credentials" target="_blank">宸ヤ笟鍜屼俊鎭寲閮ㄤ汉鎵嶄氦娴佷腑蹇?</a>
        <a href="http://www.lanqiao.cn/about.html#ngn" target="_blank">瀛﹂櫌鍚嶈獕闄㈤暱 涓浗宸ョ▼闄㈤櫌澹?厜鍗?</a>
        <a href="http://www.lanqiao.cn/list-5-0.html" target="_blank">IBM瀹炶鍩哄湴 </a>
        <a href="http://www.lanqiao.cn/detail_87.html" target="_blank">宸ヤ俊閮ㄤ汉鎵?- 鐧惧害鈥滆摑妗T鏂拌弫鑻变汉鎵嶅煿鍏昏鍒掆??</a>
       </div>
      </div>
      <label class="page-logo" style="background-image: url(./themes/images/rjxy.png);"></label>
     </div>
     <!--钃濇ˉ鏉ぇ璧?-->
     <div class="section dasai">
      <div class="video_wrap">
       <video preload="auto" loop muted id="video2">
        <source src="./themes/video/video2.ogv" type="video/ogg">
        <source src="./themes/video/video2.webm" type="video/webm">
        <source src="./themes/video/video2.mp4" type="video/mp4">
       </video>
      </div>
      <div class="content">
       <a href="http://dasai.lanqiao.cn/" target="_blank" class="t">钃濇ˉ鏉ぇ璧?</a>
       <p class="desc">鍏ㄥ浗瑙勬ā鏈?澶х殑涓撲笟璧涗簨</p>
       <div class="links">
        <a href="http://dasai.lanqiao.cn/" target="_blank">涓汉璧涒?旂數瀛愮被</a>
        <a href="http://dasai.lanqiao.cn/" target="_blank">涓汉璧涒?旇蒋浠剁被</a>
        <a href="http://dasai.lanqiao.cn/" target="_blank">鐢ㄦ埛浣撻獙璁捐璧?</a>
        <a href="http://dasai.lanqiao.cn/" target="_blank">鍒涗笟鍥㈤槦璧? </a>
        <a href="http://kid.lanqiao.cn/" target="_blank">灏戝効鍒涙剰缂栫▼缁? </a>
       </div>
       <!-- <div class="links">
        <a href="http://dasai.lanqiao.cn/" target="_blank">Java杞欢寮?鍙?</a>
        <a href="http://dasai.lanqiao.cn/" target="_blank">c/c++杞欢寮?鍙?</a>
        <a href="http://dasai.lanqiao.cn/" target="_blank">宓屽叆寮忚璁′笌寮?鍙?</a>
        <a href="http://dasai.lanqiao.cn/" target="_blank">鍗曠墖鏈鸿璁′笌寮?鍙? </a>
        <a href="http://dasai.lanqiao.cn/" target="_blank">鍒涗笟鍥㈤槦璧? </a>
       </div> -->
      </div>
      <label class="page-logo" style="background-image: url(./themes/images/lqbds.png);"></label>
     </div>
     <!--钃濅繚绀句繚-->
     <div class="section lanbao">
      <div class="content">
       <a href="http://www.lanbaoshebao.cn/" target="_blank" class="t">钃濅繚</a>
       <p class="desc">涓撲笟鐨勪汉鍔涜祫婧愬悎浣滀紮浼?</p>
       <div class="links">
        <a href="http://www.lanbaoshebao.cn/detail.html#social" target="_blank">绀句繚浠g悊</a>
        <a href="http://www.lanbaoshebao.cn/detail.html#fund" target="_blank">鍏Н閲戜唬鐞?</a>
        <a href="http://www.lanbaoshebao.cn/detail.html#p-service" target="_blank">浜轰簨鏈嶅姟 </a>
        <a href="http://www.lanbaoshebao.cn/detail.html#b-service" target="_blank">鍟嗕繚鏈嶅姟 </a>
       </div>
      </div>
      <label class="page-logo" style="background-image: url(./themes/images/lanbao.png);"></label>
     </div>
     <!--钃濆笀姹?-->
     <div class="section lanshihui">
      <div class="content">
       <a href="http://www.lanshihui.com/" target="_blank" class="t">钃濆笀姹?</a>
       <p class="desc">楂樻牎鐞嗗伐绫绘暀甯堟暀瀛︾鐮斾簰鍔╃ぞ鍖?</p>
       <div class="links">
        <a href="http://www.lanshihui.com/" target="_blank">鏂囩珷</a>
        <a href="http://www.lanshihui.com/" target="_blank">鏁欏</a>
        <a href="http://www.lanshihui.com/" target="_blank">闂瓟 </a>
       </div>
      </div>
      <label class="page-logo" style="background-image: url(./themes/images/lanshihui.png);"></label>
     </div>
     <!--鏈変负-->
     <div class="section youwei">
      <div class="content">
       <a href="http://www.54youwei.com/" target="_blank" class="t">鏈変负</a>
       <p class="desc">鍋氬ぇ瀛︾敓鐨勮亴涓氱粡绾汉</p>
       <img src="./themes/images/ercode.jpg" class="qrcode" />
       <div class="down-links">
        <a target="_blank" href="https://appsto.re/cn/2tGI-.i" class="down iphone" title="鐐瑰嚮涓嬭浇iPhone瀹㈡埛绔?">iPhone</a>
        <a href="http://www.54youwei.com/com.youwei.apk" class="down android" title="鐐瑰嚮涓嬭浇鏈変负Android瀹㈡埛绔?">Android</a>
       </div>
      </div>
      <label class="page-logo" style="background-image: url(./themes/images/youwei.png);"></label>
      <!--<img src="images/youwei.png" class="page-logo" />-->
     </div>
     <!--澶у鍒涘-->
     <div class="section chuangke">
      <div class="content">
       <a href="http://www.daxuechuangke.com/" target="_blank" class="t">澶у鍒涘</a>
       <p class="desc">U are Maker</p>
       <div class="links">
        <a href="http://www.daxuechuangke.com/cyk" target="_blank">鍒涗笟搴?</a>
        <a href="http://www.daxuechuangke.com/cys" target="_blank">鍒涗笟璧?</a>
        <a href="http://www.daxuechuangke.com/courses" target="_blank">鍒涗笟璇? </a>
       </div>
       <img src="./themes/images/qrcode2.jpg" class="qrcode" />
      </div>
      <label class="page-logo" style="background-image: url(./themes/images/chuangke.png);"></label>
     </div>
     <!-- 鏂伴椈-->
     <div class="section news">
      <div class="content">
       <a href="list-0.html" target="_blank" class="t">钃濇ˉ鏂伴椈</a>
       <p class="desc">Lanqiao News</p>
       <div class="list clearfix">
        <div class="block ml0">
          <div class="img" style="background-image: url(http://upload.lanqiao.cn/image/20180627/153009294211.jpg);"></div>
          <p class="title"><a title="銆愯摑妗ュ嚭閬撳悕鍗曘?戠‘璁よ繃鐪肩锛孋/C++A缁勭殑C浣嶅氨鏄綘锛?" href="detail-1681.html">銆愯摑妗ュ嚭閬撳悕鍗曘?戠‘璁よ繃鐪肩锛孋/C++A缁勭殑C浣嶅氨鏄綘锛?</a></p>
          <p>2018-06-27</p>
         </div><div class="block">
          <div class="img" style="background-image: url(http://upload.lanqiao.cn/image/20180626/153000534261.jpg);"></div>
          <p class="title"><a title="CEP涓撹|灏瑰磭浜細鍋氫簡浼氫笉鍚庢倲锛屼笉鍋氫竴瀹氫細鍚庢倲锛?" href="detail-1680.html">CEP涓撹|灏瑰磭浜細鍋氫簡浼氫笉鍚庢倲锛屼笉鍋氫竴瀹氫細鍚庢倲锛?</a></p>
          <p>2018-06-26</p>
         </div><div class="block">
          <div class="img" style="background-image: url(http://upload.lanqiao.cn/image/20180625/152991955951.jpg);"></div>
          <p class="title"><a title="鍏卞悓淇冭繘娈嬬柧浜哄氨涓氭垬鐣ュ悎浣滅绾︿华寮?" href="detail-1678.html">鍏卞悓淇冭繘娈嬬柧浜哄氨涓氭垬鐣ュ悎浣滅绾︿华寮?</a></p>
          <p>2018-06-25</p>
         </div><div class="block">
          <div class="img" style="background-image: url(./themes/images/top.jpg);"></div>
          <p class="title"><a title="2017-2018閲嶇偣琛屼笟钖叕瓒嬪娍鎸囧崡" href="detail-1675.html">2017-2018閲嶇偣琛屼笟钖叕瓒嬪娍鎸囧崡</a></p>
          <p>2018-06-13</p>
         </div>       </div>
      </div>
      <a class="news-more" href="list-0.html">鏇村鍔ㄦ??</a>
     </div>
     <!-- footer -->
     <div class="footer section fp-auto-height">
      <div class="wrap">
       <div class="fl">
        <p class="p1">浜叕缃戝畨澶? 11010802020352鍙?&ensp;漏&ensp;Copyright&emsp;2016.&ensp;钃濇ˉ缃戠増鏉冩墍鏈?</p>
        <p>浜琁CP澶?11024192鍙?&emsp;鍥戒俊钃濇ˉ鏁欒偛绉戞妧锛堝寳浜級鑲′唤鏈夐檺鍏徃</p>
       </div>
       <div class="fr">
        <img src="./themes/images/police-badge.png" />浜叕缃戝畨澶? 11010102002019鍙?
       </div>
      </div>
     </div>
    </div><!--fullpage end-->
    
   </div><!--main end-->
   
   <!-- silder -->
   <div class="side">
    <div class="s-left"></div>
    <div class="s-right">
     <div class="side-menu">
      <div class="links">
       <ul>
        <li><a href="#" class="active">棣栭〉</a></li>
        <li><a href="http://zhaopin.lanqiao.cn/" target="_blank" title="钃濇ˉ鎷涜仒">钃濇ˉ鎷涜仒</a></li>
        <li><a href="http://www.lanqiao.cn/" target="_blank" title="钃濇ˉ杞欢瀛﹂櫌">钃濇ˉ杞欢瀛﹂櫌</a></li>
        <li><a href="http://dasai.lanqiao.cn/" target="_blank" title="钃濇ˉ鏉ぇ璧?">钃濇ˉ鏉ぇ璧?</a></li>
        <li><a href="http://www.lanbaoshebao.cn/" target="_blank" title="钃濅繚">钃濅繚</a></li>
        <li><a href="http://www.lanshihui.com/" target="_blank" title="钃濆笀姹?">钃濆笀姹?</a></li>
        <li><a href="http://www.54youwei.com/" target="_blank" title="鏈変负">鏈変负</a></li>
        <li><a href="http://www.daxuechuangke.com/" target="_blank" title="鍒涘">鍒涘</a></li>
       </ul>
      </div>
     </div>
     <img src="./themes/images/return.png" class="img-return" onClick="closeSide()" />
     <img src="./themes/images/close-side.png" class="img-close" onClick="closeSide()" />
    </div>
   </div><!--silder end-->
   
  </div><!--container end-->
  
  <div class="video-player">
   <div class="main">
    <video preload="none" id="mainVideo" loop="loop">
     <source src="./themes/video/main.mp4" type="video/mp4">
     <source src="./themes/video/main.webm" type="video/webm">
     <source src="./themes/video/main.ogv" type="video/ogg">
    </video>
    <div class="close"></div>
    <div class="controls"></div>
   </div>
  </div>

  <script src="//cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
  <script src="//cdn.bootcss.com/html5media/1.1.8/html5media.min.js"></script>
  <script src="https://cdn.bootcss.com/fullPage.js/2.9.5/jquery.fullpage.min.js"></script>
  <script type="text/javascript">
   $(function() {
    
    var videoEl1 = $("#video1")[0],
     videoEl2 = $("#video2")[0];
    
    function isPlay(videoElement){
     return videoElement.currentTime > 0 && !videoElement.paused && !videoElement.ended && videoElement.readyState > 2;
    }
    
    
    $('#fullPage').fullpage({
     navigation: true, //鏄剧ず瀵艰埅
     navigationTooltips: ['钃濇ˉ鎷涜仒','棣栭〉',  '钃濇ˉ杞欢瀛﹂櫌', '钃濇ˉ鏉ぇ璧?', '钃濅繚绀句繚', '钃濆笀姹?', '鏈変负', '澶у鍒涘', '鏂伴椈', 'footer'], //瀵艰埅tips
     anchors: ['zhaopin','home', 'xueyuan', 'dasai', 'lanbao', 'lanshihui', 'youwei', 'chuangke', 'news', 'footer'], //缁戝畾鑿滃崟:a鏍囩鐨刪ref灞炴??
     afterLoad: function(anchorLink, index) { //婊氬姩鍓嶇殑鍑芥暟
      if(index === 1) {
       $(".header").removeClass("header-bg");
      } else {
       $(".header").addClass("header-bg");
      }
      
      if(index === 3){
       if(!isPlay(videoEl1)){
        videoEl1.play();
       }
      }else{
       if(isPlay(videoEl1)){
        videoEl1.pause();
       }
      }
      
      if(index === 4){
       if(!isPlay(videoEl1)){
        videoEl2.play();
       }
      }else{
       if(isPlay(videoEl1)){
        videoEl2.pause();
       }
      }
      
     },
     afterRender: function() {
      //$("#video1").get(0).play();
      //$("#video2").get(0).play();
     }
    });
    /*for page1 arrow icon*/
    $("#arrow_down").click(function() {
     $.fn.fullpage.moveSectionDown();
    });
    /* 瑙嗛鎾斁鐩稿叧 */
    $playControls = $('.video-player .controls'),
     $mainVideo = $("#mainVideo")[0];
    $("#playBtn").click(function() {
     $('.video-player').fadeIn('fast');
     $playControls.removeClass("play")
     $mainVideo.play()
    })
    $playControls.click(function() {
     if($playControls.hasClass("play")) {
      $mainVideo.play();
     } else {
      $mainVideo.pause();
     }
     $playControls.toggleClass('play')
    })
    $(".video-player .close").click(function() {
     $('.video-player').fadeOut('fast');
     $playControls.addClass("play")
     $mainVideo.pause();
    })
    
    
    //鍒ゆ柇鏄惁鎵嬫満鏄剧ず(鏆傛椂)
    var ua = navigator.userAgent;
    var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
    isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
    isAndroid = ua.match(/(Android)\s+([\d.]+)/),
    isMobile = isIphone || isAndroid;
    //鍒ゆ柇   
    if(isMobile){    
     $("html,body").addClass("bhide");
     $(".container").addClass("bhide");
     $(".main").addClass("mright");    
     $(".side").hide();
     $("#service").prop("onclick","");
     $(".video-player .close").addClass("phone");
     $(".section.news .list").addClass("blist");
    }
   });
   /*function for toggle silde*/
   function showSide() {
    $(".container").addClass("go-left-side");
    $("body").find("#fp-nav").hide();
    $(".header").hide();
   }
   function closeSide() {
    $(".container").removeClass("go-left-side");
    $("body").find("#fp-nav").show();
    $(".header").show();
   }
   
   
   
  </script>
 </body>
</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值