网站特效系列一
来源:互联网 发布:苹果录音软件 编辑:程序博客网 时间:2024/06/10 20:11
1 网站黑白风格的实现方法
其实有个很简单的技巧可以实现该功能~使用CSS即可!
代码如下
<style type="text/css">
body { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
</style>
//申明一个代表窗体对象的变量,这是关键,他作为全局变量,后面两个函数都可以访问他
var mainWindows;
function newWindow(url)
{//这里申明一个根据传来的地址打开新窗口的函数
mainWindows=window.open(url,"","width=400,height=300,left=200,top=200");//将打开的窗口对象作为值赋给mainWindows对象
}
function closeWind()
{
//关闭打开的新窗口,否则提示
if(mainWindows)//如果mainWindows对象存在
{
mainWindows.close();//调用关闭方法
mainWindows=null//并把值赋成null
}
else
{
//alert("没有打开的窗口");
}
}
</script>
<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()事件中,当页面要离开时执行
最近突然要用到JS脚本动态给元素添加事件。如TextBox的onclick事件。但有的onclick事件原先已经定义了相应代码!
这里又不能替代原有方法,隐约记得JS脚本里面有个方法可以给控件在原有事件的基础上进行添加!
<html>
<script language="javascript">
function set()
{
var obj = document.getElementById("fy");
//obj.setAttribute('onfocus',add); //会替代原有事件方法
//obj.onfocus=add; //等效obj.setAttribute('onfocus',add);
{
//其它浏览器的事件代码: Mozilla, Netscape, Firefox
//添加的事件的顺序即执行顺序 //注意用 addEventListener 添加带on的事件,不用加on
obj.addEventListener('focus', add, false);
}
else
{
//IE 的事件代码 在原先事件上添加 add 方法
obj.attachEvent('onfocus',add);
}
}
function add(){alert("已经成功添加事件");}
</script>
<input type="text" onfocus="alert('预设事件');" id="fy" />
<input type="button" onclick="set();" value="sssss"/>
</body>
function stoprefresh()
{
return "you will lose any unsaved content";
}
{ //页面离开后的事件
alert('离开页面后的一些清理工作……');
}
<body>
<script>
window.onbeforeunload=stoprefresh; //注册关闭前的事件
window.onunload = UnloadConfirm; //注册关闭后的事件
</script>
- 网站特效系列一
- android特效集锦系列总结帖一
- 特效网站
- 网站 特效
- 网站特效
- 网站特效
- DIV+CSS特效系列 (一)对联漂浮广告代码
- zen cart网站优化系列一
- 触摸屏网站开发系列(一)
- 系列个人网站上线一周年总结
- JS特效优秀网站
- JS 特效网站
- 网页特效网站
- js 特效 网站
- 特效下载网站
- JS 特效网站
- 网站左边菜单特效
- ExtJS desktop 特效网站
- 基于工作流技术的构件模型研究
- Proactor机制下的异步SOCKET开发
- 浅谈SEO的关键:中文分词(下)
- 开源目录
- Design Principles, 设计原则之OCP
- 网站特效系列一
- 对价格的合法性进行验证的方法。
- can总线的射频识别
- uuid 介绍
- IIS下出现 Microsoft JET Database Engine (0x80004005) 未指定的错误的完美解决
- Android模拟器
- MyEclipse 快捷键
- 非常好的原型设计工具“Balsamiq Mockups”
- 开张了!