关灯
请选择 进入手机版 | 继续访问电脑版

如何下载网页中的视频成mp4格式

[复制链接]
mxx1111 发表于 2018-11-24 17:30:39 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
首先来看看效果图:
1.这是默认的的div样式:

2.当我们单击第一个div时的样式:

3.当我们再次单击第一个div时的样式:

如果你需要的效果是这样的,那么请您继续往下面看,如果不是,您也可以看看实现方法。
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>

复制代码

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


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

排行榜

关注我们:微信订阅号

官方微信

APP下载

全国服务热线(QQ):

2451999120

公司地址:中国山东省济南市历城区

运营中心:中国山东省济南市历城区

邮编:250000 Email:2451999120@qq.com

Copyright   ©2017-2018  梦翔资源论坛Powered by©梦翔资源论坛技术支持:梦翔资源论坛    ( 鲁ICP备17042555号-3 ) 鲁公网安备 37011202000726号