梦翔资源论坛

标题: 如何下载网页中的视频成mp4格式 [打印本页]

作者: mxx1111    时间: 2018-11-24 17:30
标题: 如何下载网页中的视频成mp4格式
首先来看看效果图:
1.这是默认的的div样式:
[attach]17[/attach]
2.当我们单击第一个div时的样式:
[attach]18[/attach]
3.当我们再次单击第一个div时的样式:
[attach]19[/attach]
如果你需要的效果是这样的,那么请您继续往下面看,如果不是,您也可以看看实现方法。
5.首先我们需要一个jQuery环境jquery-1.8.3.js,这个文件网上一搜一大堆,可以自行准备。将该文件放置到项目下面的js目录下面。
6.然后下面是源代码:
  1. <!DOCTYPE html>
  2. <html>

  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                 <title></title>
  6.                 <script src="js/jquery-1.8.3.js" type="text/javascript"></script>
  7.                 <script type="text/javascript">
  8.                         $(function(){
  9.                                 $(".div_1").toggle(function(){
  10.                                         $(this).addClass("style_div");
  11.                                 },function(){
  12.                                         $(this).removeClass("style_div");
  13.                                 });
  14.                         });
  15.                 </script>
  16.                 <style type="text/css">
  17.                         .div_1 {
  18.                                 width: 100px;
  19.                                 height: 50px;
  20.                                 background: darkolivegreen;
  21.                                 margin: 10px;
  22.                         }
  23.                         .div_1:hover{
  24.                                 cursor: pointer;
  25.                         }
  26.                         .style_div{
  27.                                 border: 1px solid red;
  28.                                 background: white;
  29.                         }
  30.                 </style>
  31.         </head>

  32.         <body>
  33.                 <div id="main">
  34.                         <div class="div_1">

  35.                         </div>
  36.                         <div class="div_1">

  37.                         </div>
  38.                         <div class="div_1">

  39.                         </div>
  40.                         <div class="div_1">

  41.                         </div>
  42.                 </div>
  43.         </body>

  44. </html>

复制代码

欢迎关注本人微信公众号“梦翔资源汇”,会有意想不到的收获哦~~~







欢迎光临 梦翔资源论坛 (http://www.bdqn.club/) Powered by Discuz! X3.4