滚果鼠标到指定位置触发事件。代码不会么写。。。求代码!!

原创 2017年01月03日 00:35:07
滚果鼠标到指定位置,想实现的效果:scrollTop()>350  触发 openwin() 事件;scrollTop()<350  触发closewin()  事件。代码不会么写。。。求代码!!求实例。。。


<style type="text/css">

#contact {
margin:0 auto;z-index:9997;width:100%;;height:140px; padding:0px 0px; position:fixed;bottom:0px; background: none; 
/* IE6 */
     _position:absolute;
     _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); 
 _bottom:auto;
     overflow:visible;
}

#lefttips {
z-index:9999;width:50px;;height:117px; padding:0px 0px; position:fixed;bottom:0px; background:#EC7515; text-align:left; margin-bottom:210px;
/* IE6 */
     _position:absolute;
     _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); 
 _bottom:auto;
     overflow:visible;
}



 .bg{ width:100%; height:200px; background:#000; -moz-opacity:0.6; -webkit-opacity:0.6; opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }
 .con{ width:100%; height:200px; color:#fff; position:relative; margin-top:-200px; }

.demo5 {
  font: 16px/1 'Roboto', sans-serif;
  text-align: center;
  color: #555;
  background: #ddd;
}


.demo {
  padding: 0px 0;
  border-bottom: 1px solid #aaaaaa;
  background: #eee;
}

.demo:nth-child(odd) {
  background: none;
}

.demo:last-child {
  border: 0;
}



input[type='text1'] {
  width: 120px;
  padding: 10px 10px 12px 70px;
  font-size: 15px;
  color: #555;
  border: 1px solid #aaaaaa;
  background-color: #fff;
}

input[type='text2'] {
  width: 120px;
  padding: 10px 10px 12px 82px;
  font-size: 15px;
  color: #555;
  border: 1px solid #aaaaaa;
  background-color: #fff;
}

.css {
  display: inline-block;
  position: relative;
  margin: 2px 2px 2px 2px;
}

.css input {
  transition: .1s all linear;
}

.css label {
  position: absolute;
  top: 13px;
  left: 10px;
  font-size: 12px;
  color: #000;
  transition: .1s all linear;
  cursor: text;
}


.demo5 .css.active label {
  top: 8px;
  left: 10px;
  padding: 5px;
  color: #fff;
  background: #EC7515;
}


</style>

 
  
<div  style="width:100%;margin:0 auto;">
   <div id="contact" style="display:none ">
<form action="activityinfo_submit.html" method="post" name="form1" style="padding:0; margin:0">
      <input type="hidden" name="pro" value="获取报价">
<div class="bg"></div>
  <div class="con"> 
<table  width="100%"  border="0" cellspacing="0" cellpadding="0" >
  <tr>
        <td colspan="3" align="right" height="17" style="color:#ffffff"><span style="cursor:pointer;" onclick="closewin()"><font size="3px">关闭&nbsp;&nbsp;</span></td>
  </tr>
  <tr>
    <td></td>
    <td><table width="1050" align="center" b border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="310" rowspan="2"><img src="images/b1.png" width="300" height="48" /></td>
        <td width="212"><div class="demo demo5">
        <div class="css">
            <label>您的姓名</label>
    <input type="text1"  name="Tname" id="linkman"/>
</div></td>
        <td width="212"><div class="demo demo5">
        <div class="css">
    <label>您的手机号</label>
    <input type="text2" name="tel" id="mobile"/>
  </div></td>
     
<td rowspan="2" width="110" align="center"><input type="image" src="images/bm12.jpg" width="85" align="middle"/></td></a>
        <td width="221" rowspan="2"><div align="center" style="color:#ffffff"><font size="5px"><strong>免费报价电话</strong></font> </div><br><p align="center" style="color:#EC7515">
<font size="5px"><strong>0510-85525598</strong></font></td>
      </tr>
      <tr>
        <td width="212"><div class="demo demo5">
        <div class="css">
    <label>楼盘名称</label>
    <input type="text1" name="loupan" id="mobile"/>
  </div></td>
        <td width="212"><div class="demo demo5">
        <div class="css">
    <label>建筑面积</label>
    <input type="text2" name="addr" id="linkman"/>
  </div></td>
        
  <script src="js/baojia.js"></script>
        </tr>
    </table></td>
    <td></td>
  </tr>
  </table></div>
   </form>
  </div>



<div id="lefttips" style="display:block">
<span style="cursor:pointer;" onclick="openwin()"><img src="images/bmm.jpg"></span></td>  
</div>

<div id="pageTop"></div>


<script type="text/javascript">
function openwinds(title,url){
    layer.open({
        type: 2,
        title: title,

        maxmin: true,
        shadeClose: true, //点击遮罩关闭层
        area : ['430px' , '400px'],
        content: [url, 'no']
    });
};


function closewin() {
document.getElementById("contact").style.display = 'none';
document.getElementById("lefttips").style.display = '';
}

function openwin() {
document.getElementById("contact").style.display = '';
document.getElementById("lefttips").style.display = 'none';
}


 

</script>




相关文章推荐

js“DOM事件”之鼠标事件、js的测试方法、js代码的放置位置

今天的js课上主要讲了js的函数、鼠标事件及应用。 现将常用的鼠标事件总结如下:onclick:鼠标点击事件 onmouseover:鼠标移入事件 onmouseout:鼠标移出事件 onmouse...

Unity中让UI界面根据鼠标位置摇晃代码

Unity让UI随鼠标位置摇晃的模板代码: Vector2 range = new Vector2(4f, 3f); // 定义一个二维向量 Quaternion mStart; ...

用 javascript 获取当页面上鼠标(光标)位置 和 触发事件的对象 的方法

转载自:http://www.cnblogs.com/zhujie/archive/2009/12/09/1620455.html 用javascript获取鼠标位置: function mous...
  • YL_WH
  • YL_WH
  • 2012年07月31日 17:08
  • 653

opencv鼠标响应事件代码

  • 2014年03月23日 14:59
  • 1KB
  • 下载

C#模拟键盘鼠标事件 SendKeys 的特殊键代码表

使用 SendKeys 将键击和组合键击发送到活动应用程序。此类无法实例化。若要发送一个键击给某个类并立即继续程序流,请使用 Send。若要等待键击启动的任何进程,请使用 SendWait。 每个键都...

【Cocoa(mac) Application 开发系列之四】动作编辑器(Cocos2dx)制作流程详解及附上响应鼠标滚轴事件、反转坐标系、导入/创建资源目录等知识点代码!

本站文章均为 李华明Himi 原创,转载务必在明显处注明:转载自【黑米GameDev街区】 原文链接: http://www.himigame.com/iphone-cocos2dx/911.html...

动作编辑器(Cocos2dx)制作流程详解及附上响应鼠标滚轴事件、反转坐标系、导入/创建资源目录等知识点代码!

又要说好久没更新博文啦,咳咳…. 其实博文中对于游戏开发,从j2me-android-ios ,从Client端-Server端  ,从jbox-cocos2d-cocos2dx 基本都囊括了,...

OpenGL学习-2-鼠标事件响应练习工程代码(排错补档)

#include #include #include #include void init(void); void CALLBACK reshape(GLsizei w,GLsizei h)...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:滚果鼠标到指定位置触发事件。代码不会么写。。。求代码!!
举报原因:
原因补充:

(最多只允许输入30个字)