wggaimll 2016-05-03 13:42 采纳率: 33.3%
浏览 2081
已采纳

求解释turn函数什么意思。。。

 <!DOCTYPE html>
<html lang="en"> 
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>JS幻灯代码</title> 
<script type="text/javascript">  
      window.onload = function (){   
           flag = 0;  
           obj1 = document.getElementById("slider");   
           obj2 = document.getElementsByTagName("li");       
          for (var num = 0; num < obj2.length; num++) {     
             obj2[num].onmouseover = function () 
                {  turn(this.innerHTML);   }     
              }
              }   
      function turn(value){    
           if (value != null) {     
          flag = value - 2;  } 
          /*if (flag < obj2.length - 1)     
                {flag++;  } 
          else    flag = 0; */   
        obj1.style.top = flag * (-320) + "px";  //top 属性设置一个定位元素的上外边距边界与其包含块上边界之间的偏移。
                 } 
</script> 
<style type="text/css"> 
#wrap {
    height:320px;    
    width: 320px;   
    overflow: hidden;    
    position: relative;    
    overflow: hidden;   
    } 
#wrap ul {    
    list-style: none;    
    position: absolute;    
    top: 200px;    
    left:250px;   
    }         
#wrap li  {    
    margin-left:2px;    
    opacity: .3;    
    filter: alpha(opacity=30);    
    text-align: center;    
    line-height: 20px;    
    font-size: 15px;    
    height: 20px;    
    width: 20px;    
    background-color:#666;    
    float: left;    
    border-radius:3px;    
    cursor:pointer;   
    } 
#slider  {    
    position: absolute;    
    top:0px;    
    left: 0px;   
    } 
#slider img {    
    float: left;   
    border: none;   
    } 
</style>
</head>
<body>  
    <div id="wrap" align="center" >   
     <div id="slider">    
          <a target="_blank" >
             <img src="img/20121225105638206.jpg" /></a>    
          <a target="_blank">
             <img src="img/ff40e256-86b7-4755-b6b5-38762857f201.jpg"/></a>    
          <a target="_blank" >
             <img src = "img/20130513091049491.jpg" /></a>      
      </div>  
    <ul>    
     <li>1</li>   
     <li>2</li>    
     <li>3</li>      
   </ul>
</div> 
</body>
</html>

  • 写回答

2条回答

  • Go 旅城通票 2016-05-04 01:12
    关注

    obj1.style.top = flag * (-320) + "px"; 主要这句设置slider的top属性,实现里面图片的展示

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 一道python难题2
  • ¥15 一道python难题
  • ¥15 用matlab 设计一个不动点迭代法求解非线性方程组的代码
  • ¥15 牛顿斯科特系数表表示
  • ¥15 arduino 步进电机
  • ¥20 程序进入HardFault_Handler
  • ¥15 oracle集群安装出bug
  • ¥15 关于#python#的问题:自动化测试
  • ¥20 问题请教!vue项目关于Nginx配置nonce安全策略的问题
  • ¥15 教务系统账号被盗号如何追溯设备