网站特效系列一

来源：互联网发布：苹果录音软件编辑：程序博客网时间：2024/05/01 07:46

1 网站黑白风格的实现方法

如果想到把一个个背景图片和上传图片均改为黑白式的再上传来实现该功能那太费时了
其实有个很简单的技巧可以实现该功能～使用CSS即可！
代码如下
<style type="text/css">
body { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
</style>

将以上CSS代码添加到你的页面中，或CSS文件中即可！

2 关闭父窗体时自动关闭打开的子窗体 javascript

<body onunload="closeWind();">
<p>
<input type="submit" name="tijiao" value="打开新窗口" onclick="newWindow('http://www.163.com')" />
打开博客后，关闭本窗体。打开的子窗体会自动关闭
</p>
<p>
<input type="submit" name="close" value="直接在本窗体中关闭刚才打开的窗口" onclick="closeWind()" />
</p>

主要实现方式是利用了 window.open()方法的返回值。一般情况下很少有人会利用这个值～直接执行打开就完了，而，我们可以定义一个JS的全局变量SunWindows将window.open的返回值赋给它，这样它“代表”了当前打开的子窗体。然后我们可以直接调用 SunWindows.Close();方法就可以关闭打开的子窗体！因为要使用父窗体关闭时，自动关闭子窗体。所以我将该方法的执行放在了 Body的onUnload()事件中,当页面要离开时执行

3 JS脚本动态给控件添加事件
最近突然要用到JS脚本动态给元素添加事件。如TextBox的onclick事件。但有的onclick事件原先已经定义了相应代码！
这里又不能替代原有方法，隐约记得JS脚本里面有个方法可以给控件在原有事件的基础上进行添加！

<html>
<script language="javascript">
    function set()
    {
        var obj = document.getElementById("fy");

        //obj.attachEvent('onfocus', add); //在原先事件上添加
        //obj.setAttribute('onfocus',add); //会替代原有事件方法
        //obj.onfocus=add;                //等效obj.setAttribute('onfocus',add);

        if(window.addEventListener)
        {
            //其它浏览器的事件代码: Mozilla, Netscape, Firefox
            //添加的事件的顺序即执行顺序 //注意用 addEventListener 添加带on的事件，不用加on
            obj.addEventListener('focus', add, false);
        }
        else
        {
            //IE 的事件代码在原先事件上添加 add 方法
            obj.attachEvent('onfocus',add);
        }
    }
    function add(){alert("已经成功添加事件");}
</script>

</html>

4 离开关闭页面时的提示

function UnloadConfirm()
{ //页面离开后的事件
alert('离开页面后的一些清理工作……');
}

</script>
<body>
    <script>

        window.onbeforeunload=stoprefresh; //注册关闭前的事件
        window.onunload = UnloadConfirm;    //注册关闭后的事件

    </script>

---------------------