实用的js

来源:互联网 发布:淘宝排行查询 编辑:程序博客网 时间:2024/05/20 13:07
下面js为了方便,采用jquery 里面的写法
经常策划需要一个模块随着滚动条动而跟着动,使之总是保持在屏幕的某个地方:
如下:
<div class="dialog_mask1">
.....
  <div class="pay_pop2">.......

......

<img src="/register_bj_side.jpg" id="side" style="top: 849px; display: block;position:absolute;right:-140px;"/>
//侧栏滚动
$(window).scroll(function(){
        var scrolltop=$(document).scrollTop();       
        if(scrolltop >460){
            $("#side").css("top",$(document).scrollTop()- 0 +"px");
            $("#side").css("display","block");
        }      
 });

 var width=$(document).width(); 
 var height=$(document).height(); 
 var top=$(document).scrollTop();
 $('.dialog_mask1').show();
 $('.dialog_mask1').width(width);
 $('.dialog_mask1').height(height+50);
 $('.pay_pop2').show();
 $('.pay_pop2').css('top',top+100);
 $('.pay_pop2').css('left',(width-542)/2);

有时会用到js复制,可以用下面方法:
<div class="copy_link clearself">
                    <input type="text" id="xiang_text"  value="亲,请复制吧" name="xiang_text">
                       <input type="button" value="复&nbsp;制" name="copy" onclick="js_copy()">
 


function js_copy(){
        var e=document.getElementById('xiang_text');//是content
          e.select();
        if(!+[1,]){
        document.execCommand('Copy'); //执行浏览器复制命令      
        alert('复制成功,请粘贴。');
         e.select();
        }
       else{
            alert('你使用的是非IE内核浏览器,请按下 Ctrl+C 复制代码到剪贴板');
           e.select();
            
       }

      
0 0