文档章节

视频分享网站首页:首页特效主干

别寒
 别寒
发布于 2014/12/03 16:31
字数 2763
阅读 13
收藏 0

html代码:

<!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=gb2312" />
<title>无标题文档</title>
<link type="text/css" rel="stylesheet" href="index.css"/>
</head>
<body>
<!-- 最热版块 -->
<div class="hotBox">
 <!-- 首页大图片 -->
 <div class="bigHotVideo">
  <div class="bigHotVideoImg">    
   <img src="big.jpg" style="width:432px; height:248px;" title="行车记录仪"/>
   <img src="BigHot.png" class="videoMark"/>
   
   <div class="bigLonger">
    <font class="hotVideomeg2_5"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
   </div>
   
  </div>
 </div>
 
 
 <div class="hotVideo">
  <div class="hotVideoImg">    
   <img src="drfIMG.jpg" class="hotImg"/>
   <img src="hot.png" class="videoMark"/>
   <img src="shenmask.png" class="hotMask"/>
   
   <div class="hotLonger">
    <font class="hotVideomeg2_5"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
   </div>
   
   <!-- 视频信息 -->
   <div style="display:none" class="hotVideoMeg">        
    <font class="hotVideomeg2"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
    <font class="hotVideomeg3">无节操上演男男“拥吻"</font><br>
    <font class="hotVideomeg3">1453次播放</font>  
   </div>
 
   <!-- 立即播放 -->
   <div style="position:absolute;display:none" class="hotPlay">        
    <img src="play.png"/>  
   </div>
   
   <!-- 添加 -->
   <div style="position:absolute; display:none;" class="hotAdd">
    <img src="add.png"/>  
   </div>
  </div>
 </div>
 
 <div class="hotVideo">
  <div class="hotVideoImg">    
   <img src="drfIMG.jpg" class="hotImg"/>
   <img src="hot.png" class="videoMark"/>
   <img src="shenmask.png" class="hotMask"/>
   
   <div class="hotLonger">
    <font class="hotVideomeg2_5"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
   </div>
   
   <!-- 视频信息 -->
   <div style="display:none" class="hotVideoMeg">        
    <font class="hotVideomeg2"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
    <font class="hotVideomeg3">无节操上演男男“拥吻"</font><br>
    <font class="hotVideomeg3">1453次播放</font>  
   </div>
 
   <!-- 立即播放 -->
   <div style="position:absolute;display:none" class="hotPlay">        
    <img src="play.png"/>  
   </div>
   
   <!-- 添加 -->
   <div style="position:absolute; display:none;" class="hotAdd">
    <img src="add.png"/>  
   </div>
  </div>
 </div>
 
 <div class="hotVideo">
  <div class="hotVideoImg">    
   <img src="drfIMG.jpg" class="hotImg"/>
   <img src="hot.png" class="videoMark"/>
   <img src="shenmask.png" class="hotMask"/>
   
   <div class="hotLonger">
    <font class="hotVideomeg2_5"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
   </div>
   
   <!-- 视频信息 -->
   <div style="display:none" class="hotVideoMeg">        
    <font class="hotVideomeg2"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
    <font class="hotVideomeg3">无节操上演男男“拥吻"</font><br>
    <font class="hotVideomeg3">1453次播放</font>  
   </div>
 
   <!-- 立即播放 -->
   <div style="position:absolute;display:none" class="hotPlay">        
    <img src="play.png"/>  
   </div>
   
   <!-- 添加 -->
   <div style="position:absolute; display:none;" class="hotAdd">
    <img src="add.png"/>  
   </div>
  </div>
 </div>
 
 <div class="hotVideo">
  <div class="hotVideoImg">    
   <img src="drfIMG.jpg" class="hotImg"/>
   <img src="hot.png" class="videoMark"/>
   <img src="shenmask.png" class="hotMask"/>
   
   <div class="hotLonger">
    <font class="hotVideomeg2_5"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
   </div>
   
   <!-- 视频信息 -->
   <div style="display:none" class="hotVideoMeg">        
    <font class="hotVideomeg2"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
    <font class="hotVideomeg3">无节操上演男男“拥吻"</font><br>
    <font class="hotVideomeg3">1453次播放</font>  
   </div>
 
   <!-- 立即播放 -->
   <div style="position:absolute;display:none" class="hotPlay">        
    <img src="play.png"/>  
   </div>
   
   <!-- 添加 -->
   <div style="position:absolute; display:none;" class="hotAdd">
    <img src="add.png"/>  
   </div>
  </div>
 </div>
 
 <div class="hotVideo">
  <div class="hotVideoImg">    
   <img src="drfIMG.jpg" class="hotImg"/>
   <img src="hot.png" class="videoMark"/>
   <img src="shenmask.png" class="hotMask"/>
   
   <div class="hotLonger">
    <font class="hotVideomeg2_5"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
   </div>
   
   <!-- 视频信息 -->
   <div style="display:none" class="hotVideoMeg">        
    <font class="hotVideomeg2"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
    <font class="hotVideomeg3">无节操上演男男“拥吻"</font><br>
    <font class="hotVideomeg3">1453次播放</font>  
   </div>
 
   <!-- 立即播放 -->
   <div style="position:absolute;display:none" class="hotPlay">        
    <img src="play.png"/>  
   </div>
   
   <!-- 添加 -->
   <div style="position:absolute; display:none;" class="hotAdd">
    <img src="add.png"/>  
   </div>
  </div>
 </div>
 
 <div class="hotVideo">
  <div class="hotVideoImg">    
   <img src="drfIMG.jpg" class="hotImg"/>
   <img src="hot.png" class="videoMark"/>
   <img src="shenmask.png" class="hotMask"/>
   
   <div class="hotLonger">
    <font class="hotVideomeg2_5"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
   </div>
   
   <!-- 视频信息 -->
   <div style="display:none" class="hotVideoMeg">        
    <font class="hotVideomeg2"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
    <font class="hotVideomeg3">无节操上演男男“拥吻"</font><br>
    <font class="hotVideomeg3">1453次播放</font>  
   </div>
 
   <!-- 立即播放 -->
   <div style="position:absolute;display:none" class="hotPlay">        
    <img src="play.png"/>  
   </div>
   
   <!-- 添加 -->
   <div style="position:absolute; display:none;" class="hotAdd">
    <img src="add.png"/>  
   </div>
  </div>
 </div>
 
 <div class="hotVideo">
  <div class="hotVideoImg">    
   <img src="drfIMG.jpg" class="hotImg"/>
   <img src="hot.png" class="videoMark"/>
   <img src="shenmask.png" class="hotMask"/>
   
   <div class="hotLonger">
    <font class="hotVideomeg2_5"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
   </div>
   
   <!-- 视频信息 -->
   <div style="display:none" class="hotVideoMeg">        
    <font class="hotVideomeg2"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
    <font class="hotVideomeg3">无节操上演男男“拥吻"</font><br>
    <font class="hotVideomeg3">1453次播放</font>  
   </div>
 
   <!-- 立即播放 -->
   <div style="position:absolute;display:none" class="hotPlay">        
    <img src="play.png"/>  
   </div>
   
   <!-- 添加 -->
   <div style="position:absolute; display:none;" class="hotAdd">
    <img src="add.png"/>  
   </div>
  </div>
 </div>
 
 <div class="hotVideo">
  <div class="hotVideoImg">    
   <img src="drfIMG.jpg" class="hotImg"/>
   <img src="hot.png" class="videoMark"/>
   <img src="shenmask.png" class="hotMask"/>
   
   <div class="hotLonger">
    <font class="hotVideomeg2_5"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
   </div>
   
   <!-- 视频信息 -->
   <div style="display:none" class="hotVideoMeg">        
    <font class="hotVideomeg2"><strong><大锅fun>歪果仁玩坏西游</strong></font><br>
    <font class="hotVideomeg3">无节操上演男男“拥吻"</font><br>
    <font class="hotVideomeg3">1453次播放</font>  
   </div>
 
   <!-- 立即播放 -->
   <div style="position:absolute;display:none" class="hotPlay">        
    <img src="play.png"/>  
   </div>
   
   <!-- 添加 -->
   <div style="position:absolute; display:none;" class="hotAdd">
    <img src="add.png"/>  
   </div>
  </div>
 </div>
</div><p>
 

<div style="width:100%; height:100px; background-color:#FF0000;"></div>
<!-- ---------------------------------------------------------------------最新版块--------------------------------------------------------------------- -->
<hr class="hr1" />
<!-- 最新版块 -->
<div class="newBox">
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 

</div>

<div style="width:100%; height:100px; background-color:#FF0000;"></div>

<hr class="hr1" />

<!-- ---------------------------------------------------------------------最新版块--------------------------------------------------------------------- -->
 
<!-- 最新版块 -->
<div class="newBox">
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 
 <div class="newVideo">
  <div class="newVideoImg">    
   <img src="drfIMG.jpg" class="newImg"/>
   <img src="mask.png" class="newMask" title="行车记录仪"/>
   
   <div class="newVideoMeg">        
    <font class="hotsLonger">20:19</font>
   </div>
   
   <!-- 添加 -->
   <div style="display:none" class="newAdd">
    <img src="add.png"/>
   </div>
   
  </div>
 
 </div>
 

</div>

<script type="text/javascript" src="index.js"></script>

</body>
</html>

css代码:

/* CSS Document */
/* 网页主题样式 */
@media (min-width: 901px){
 .hotBox{
  width:900px; 
  height:200px; 
  margin:0px auto;
  padding:167px 0px 173px 0px;
  max-height:900px; 
  min-width:450px;
 }
 
 .newBox{
  width:900px; 
  height:200px; 
  margin:0px auto;
  padding:0px 0px 57px 0px;
  max-height:900px; 
  min-width:450px;
 }
}
@media (max-width: 900px) and (min-width: 701px){
 .hotBox{
  width:700px; 
  height:200px; 
  margin:0px auto;
  padding:167px 0px 305px 0px; 
  max-height:890px; 
  min-width:450px;
 }
 
 .newBox{
  width:700px; 
  height:200px; 
  margin:0px auto;
  padding:0px 0px 189px 0px; 
  max-height:890px; 
  min-width:450px;
 }
 /*这里还需要将最新和推荐里面的div删除两个*/
}
@media (max-width: 700px){
 .hotBox{
  width:50%;
  height:200px; 
  margin:0px auto; 
  padding:0px 0px 569px 0px;
  max-height:880px; 
  min-width:450px;
 }
 
 .newBox{
  width:50%;
  height:200px; 
  margin:0px auto; 
  padding:0px 0px 321px 0px;
  max-height:880px; 
  min-width:450px;
 }
}
body{
 padding:0;
 margin:0 auto;
}
.hr1{ 
 height:1px;
 border:none;
 border-top:1px solid #E6E9ED;
}
/* 最热视频 */
.hotVideo{
 padding: 8px; float:left;
}
/*首页大图片*/
.bigHotVideo{
 padding: 8px; float:left;
}
.bigHotVideoImg{
 cursor:pointer;
 position:relative;
 width:432px;
 height:248px;
}
.bigLonger{
 position:absolute;
 z-indent:2;
 left:7px;
 top:200px;
 font-size:25px;
}
/*首页大图片*/
.hotVideoImg{
 cursor:pointer;
 position:relative;
 width:208px;
 height:116px;
}
.hotImg{
 width:100%; 
 height:100%;
}
.hotMask{
 position:absolute;
 left:0; 
 top:0; 
 width:100%; 
 height:100%;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
 opacity:0;
}
.hotLonger{
 position:absolute;
 z-indent:2;
 left:7px;
 top:91px;
}
.hotVideomeg2{
 font-style:Tahoma, Helvetica, sans-serif;
 font-weight:400; 
 font-size:14px;
 color:#FFFFFF;
 line-height:20px;
}
.hotVideomeg2_5{
 font-style:Tahoma, Helvetica, sans-serif;
 font-weight:400; 
 color:#FFFFFF;
}
.hotVideomeg3{
 font:Tahoma, Helvetica, sans-serif; 
 font-size:13px; 
 color:#B2B2B2;
 line-height:20px;
}
.hotAdd{
 z-indent:2;left:188px;top:95px; background-color:#737372;
}
.hotPlay{
 z-indent:2;left:7px;top:85px; background-color:#737372;
}
.hotVideoMeg{
 position:absolute;
 z-indent:2;
 left:7px;
 top:6px;
}
/* 最新视频 */
.newVideo{
 width:208px;
 height:116px;
 border:0px solid #000; 
 position:relative;
 cursor:pointer;
 padding: 8px; float:left;
}
.newVideoImg{
 position:relative;
 width:100%;
 height:100%;
}
.newImg{
 width:208px;
 height:116px;
}
.newMask{
 position:absolute;
 left:0; 
 top:0; 
 width:100%; 
 height:100%;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
 opacity:0;
}
.hotsLonger{
 font-weight:bolder; 
 font-size:12px;
 color:#FFFFFF;
}
.newAdd{
 position:absolute;
 z-indent:2;
 left:188px;
 top:95px; 
 background-color:#737372;
}
.newVideoMeg{
 position:absolute;
 z-indent:2;
 left:163px;
 top:91px; 
 background-color:#737372; 
 padding:3px;
}

/* 都能使用标签 */
.videoMark{
 position:absolute;
 left:0;
 top:0;
}

javascript代码:

// JavaScript Document
/* 最新视频特效 */
(function(){
var newVideo = document.getElementsByClassName("newVideo");
var newMask = document.getElementsByClassName("newMask");
var newVideoMeg = document.getElementsByClassName("newVideoMeg");
var newAdd = document.getElementsByClassName("newAdd");
for(var i=0;i<newVideo.length;i++){
 /*
  之所以用到闭包,原因是:内部函数在使用外部变量时使用引用的方式,其实相当于java中的引用传递,而非值传递。传递进来的引用只相当于一个指针,指向的是一个内存地址,这个内存地址存放的才是具体的值,而外面的循环会不断的修改这个存放地址中的值,所以最后循环结束之后,参数的值只能找到最后一个。 
 */
 (function(){
  var p = i;
  newVideo[p].onmouseover = function()
  {
    newVideoMeg[p].style.display = "none";
    newAdd[p].style.display = "";
   newMask[p].style.opacity = "1";
   newMask[p].style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=50)"
  }
  newVideo[p].onmouseout = function()
  {
    newVideoMeg[p].style.display = "";
    newAdd[p].style.display = "none";
   newMask[p].style.opacity = "0";
   newMask[p].style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=0)"
  }
 })(); 
}
/* 最热视频特效 */
var hotVideo = document.getElementsByClassName("hotVideo");
var hotMask = document.getElementsByClassName("hotMask");
var hotLonger = document.getElementsByClassName("hotLonger");
var hotAdd = document.getElementsByClassName("hotAdd");
var hotPlay = document.getElementsByClassName("hotPlay");
var hotVideoMeg = document.getElementsByClassName("hotVideoMeg");
for(var i=0;i<hotVideo.length;i++){
 /*
  之所以用到闭包,原因是:内部函数在使用外部变量时使用引用的方式,其实相当于java中的引用传递,而非值传递。传递进来的引用只相当于一个指针,指向的是一个内存地址,这个内存地址存放的才是具体的值,而外面的循环会不断的修改这个存放地址中的值,所以最后循环结束之后,参数的值只能找到最后一个。 
 */
 (function(){
  var p = i;
  hotVideo[p].onmouseover = function()
  {
    hotLonger[p].style.display = "none";
    hotAdd[p].style.display = "";
    hotPlay[p].style.display = "";
    hotVideoMeg[p].style.display = "";
   hotMask[p].style.opacity = "1";
   hotMask[p].style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=50)"
  }
  hotVideo[p].onmouseout = function()
  {
    hotLonger[p].style.display = "";
    hotAdd[p].style.display = "none";
    hotPlay[p].style.display = "none";
    hotVideoMeg[p].style.display = "none";
   hotMask[p].style.opacity = "0";
   hotMask[p].style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=0)"
  }
 })(); 
}
})();

© 著作权归作者所有

别寒
粉丝 30
博文 272
码字总数 138741
作品 0
永州
程序员
私信 提问
一些程序员用到的网站(摘抄的)

1、博客园(http://www.cnblogs.com/) 博客园创立于2004年1月,是一个面向开发者的知识分享社区。自创建以来,博客园一直致力并专注于为开发者打造一个纯净的技术交流社区,推动并帮助开发者通...

AAA年华
2017/11/17
0
0
短视频开发者大赛震撼来袭,火热 battle 就等你了!

摘要:要问时下什么最潮、最火? 年轻人最爱玩儿? 人机必备----- 短视频 App 15s 拍摄视频,记录生活 人人都是美好生活的导演家 酷炫、魔性、鬼畜短视频 个个都是潮流前线的潜力股 在这个全...

七牛云短视频大赛
2018/12/16
0
0
网站优化

想咨询一下网站优化到底干什么的啊?最近跟一个做网站优化的人一起工作,可是他好像对网站代码都不懂,然后还要改网站首页的页面,不是做搜索引擎这方面的么?这个跟首页的网页修改有什么关系...

tianyuqin
2014/11/25
274
5
有没有办法实现在打开网页时,不自动加载网页中的视频

网站首页上的视频文件太大,如果直接加载的话会很卡,有没有办法实现让用户打开首页时,不自动加载首页上的视频,而是等用户点击视频的时候再开始加载?

某人
2011/10/28
2.8K
6
在网站建设过程中主要在哪几个方面为后期的网站优打好根基?

虽然说网站的搭建和网站优化是前后关系,但是我们企业要在网站搭建的过程中,就要把后期网站优化的工作全部在一起规划。 有些企业网站建设上线,可是搜索引擎几个月都没有收录,而就算收录了...

desingse
2017/12/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

java 面试知识点笔记(十一)多线程与并发-原理 中篇

自适应自旋锁:(java6引入,jvm对锁的预测会越来越精准,jvm也会越来越聪明) 自选次数不再固定 由前一次在同一个锁上的自旋时间及锁拥有者的状态来决定(如果在同一个锁对象上自旋等待刚刚成...

断风格男丶
19分钟前
1
0
Rainbond 5.1.4发布,复杂微服务架构整体升级和回滚

Rainbond 5.1.4发布, 复杂微服务架构整体升级和回滚 今天为大家带来Rainbond 5.1系列第四个更新版本,本次版本更新的主要内容是复杂微服务架构应用整体升级和回滚,能实现复杂微服务架构的持...

好雨云帮
20分钟前
1
0
selenium Python定位元素和相关事件

场景 通过使用selenium python的API能够很好的定位html中的元素,并指挥鼠标进行点击。 定位元素 find_element_by_*方法 find_element_by_id(id_) : html标签中的id确定标签 find_element_b...

亚林瓜子
26分钟前
0
0
apache隐藏版本信息及设置网页缓存

实战:源码编译安装apache及调优技巧 实战环境: 生产环境中,部署了apache之后,我们应该从安全还是性能角度,在apache服务上线之前,对其做诸多的优化调试才行。 技巧1: 安装apache屏蔽a...

寰宇01
40分钟前
1
0
百度小程序第三方接入图片上传demo

代码是基于ThinkPHP 3.2的,其他语言请自行实现,PHP版本为5.6 /*** 图片上传* @Author Qianlong <87498106@qq.com>* @PersonSite http://dev.21ds.cn/*/ public function onlyUpl......

千龍
42分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部