ajax相关--查看文章
 
Javascript 弹出窗口控制和双击滚屏
发布时间:2008-3-6

Javascript 弹出窗口, 居中与居角扩大窗口至屏幕最大值和双击滚屏

说明:
主要使用 Js 的 setInterval() 和 clearInterval() 函数完成操作.

目录:
1. 居中弹出窗口, 并逐步扩大
2. 居角弹出窗口, 并逐步扩大
3. 双击滚屏, 单击停止, 以 Scroll bar 的相对位置滚屏

shawl.qiu
2006-10-24
http://blog.csdn.net/btbtd

1. 居中弹出窗口, 并逐步扩大

linenum
<script type="text/javascript">
//<![CDATA[
    if (navigator.appName=="Microsoft Internet Explorer") {
        //最大化窗口
        self.moveTo(-5,-5)
        self.resizeTo(screen.availWidth +8,screen.availHeight+8)
        //这个脚本定义的宽度其实比原窗口还要大那么一点.
    }
 
    var w=h=200;
    x=(screen.width-w)/2;
    y=(screen.height-h)/2;
    var n=open('','newWin','width='+w+',height='+h+',left='+x+',right='+x+',top='+y+',bottom='+y);
        n.document.write('\
        <script>\
            document.write("temp"); /* 临时内容, 去掉出错 */ \
            document.body.innerHTML=""; /* 清空页面内容 */ \
            document.onclick=function(){ close();} /* 单击关闭窗口 */ \
        <\/script>');
        n.document.write('<h2>test moving window</h2>');
        n.focus();
        
    var timer=setInterval('fMovingWin()',1);
    
    function fMovingWin(){
        if (n.closed||(w>=screen.width+8&&h>=screen.height+8)) {
            clearInterval(timer);
            return;
        }
        try{
            if(w<=screen.width+8)w+=2;
            if(h<=screen.height+8)h+=2;
            n.resizeTo(w, h)
            x=(screen.width-w)/2;
            y=(screen.height-h)/2;
            n.moveTo(x,y)
        } catch(e) {} //shawl.qiu script
    }
 
//]]>
</script>

2. 居角弹出窗口, 并逐步扩大

linenum
<script type="text/javascript">
//<![CDATA[
    if (navigator.appName=="Microsoft Internet Explorer") {
        //最大化窗口
        self.moveTo(-5,-5)
        self.resizeTo(screen.availWidth +8,screen.availHeight+8)
        //这个脚本定义的宽度其实比原窗口还要大那么一点.
    }
 
    var w=h=200;
    x=y=-5;
    var n=open('','newWin','width='+w+',height='+h+',left='+x+',right='+x+',top='+y+',bottom='+y);
        n.document.write('\
        <script>\
            document.write("temp"); /* 临时内容, 去掉出错 */ \
            document.body.innerHTML=""; /* 清空页面内容 */ \
            document.onclick=function(){ close();} /* 单击关闭窗口 */ \
        <\/script>');
        n.document.write('<h2>test moving window</h2>');
        n.focus();
        
    var timer=setInterval('fMovingWin()',1);
    
    fu

[1] [2] [3] [4] 下一页



 [ajax相关]ASP中的SQL注入 (佚名,03-06)
随着B/S模式应用开发的发展,使用这种模式编写应用程序的程序员也越来越多。但是由于这个行业的入门门槛不高,程序员的水平及经验也参差不齐,相当大一部分程序员在编写代码的时候,没有对用户输入数据的合法性进行判断,使应用程序存在安全隐患。用户可以提交一段数据库查询代码,根据程序返回的结果……

 [ajax相关]JavaScript基础之对象 (未知,08-30)
    从2004年下半年开始学习Web编程至今3年有余。从HTML,asp开始到现在的VS2008一路学过来,其中学的最多的还是服务器端编程,对客户端编程的学习还是不成系统。虽然在很多个系统里面应用过脚本,有些还起到了比较重要的作用。但一直是只知其然不知其所以然,用的……

 [ajax相关]Javascript中 实时的监控用户输入多少字节的信息 (loveunh1…,09-06)
要实时地提示还可以输入多少字节,用户体验更好。具体的思路是,获得用户输入信息的容器对象,并且在该对象的onkeydown和onkeyup事件中调用相关函数,来计算用户还可以输入多少字节。//定义临时变量,来存储对象的值var mem=0;//将中文字符的长度转换为英文字符的长度functi……

 [ajax相关]实现简单的js拖动库 (佚名,07-11)
在ajax应用程序中,拖动技术是经常要用到的,在桌面程序中,这是很常用也很容易实现的,但是在ajax中用javascript就不是这么容易实现的了。现在我们制作一个js拖动库来实现,先讲下简单思路。今天先介绍实现拖动的基本方法,在以后的文章中,我们来完善这个库。这个库主要由3步建立。当鼠标键按下时,……

 [ajax相关]浅谈CSS选择器中的空格 (未知,03-14)
HTML文档是一棵树的结构,各元素以一种层次结构为基础构成‘树’的视图。文档树中的每个元素,要么是另一个元素的父元素,要么是另一个元素的子元素,这样,各元素之间就形成了‘父子关系’。基于这样的关系模型,CSS定义了后代选择器(descendant selector)也称为上下文选择器(context……

 


©2008 MyExt.cn
本站文章来自互联网,仅供学习和研究使用,如有版权问题,请发送Email:myext@126.com.