popup弹窗

<div class="popup" style="display:block;">
   	<div class="head">
    	编辑学校
        <del>×</del>
    </div>
    <div class="body">
    ...
    </div>
    <div class="foot">
    	<input name="" type="button" value="确定" class="button blue">
    	<input name="" type="button" value="取消" class="button">
    </div>
   </div>

事件调用

点击我弹出POPUP窗口

<a href="#popup" class="button" rel="popup">点击我弹出POPUP窗口</a>

设为首页一个兼容所有浏览器的设为首页js代码

一个常用的js功能，但是兼容的比较少，这里整理出兼容所有浏览器的设为首页js代码。

演示

设为首页

<a href="javascript:SetHome();" class="button blue">设为首页</a>

代码片段

function SetHome(obj,vrl){
	try{ obj.style.behavior='url(#default#homepage)';obj.setHomePage(vrl); }
	catch(e){
		if(window.netscape) {
			try { netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");  }  
			catch (e) { 
				alert("此操作被浏览器拒绝！\n请在浏览器地址栏输入“about:config”并回车\n然后将[signed.applets.codebase_principal_support]设置为'true'");
			}
		var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
		prefs.setCharPref('browser.startup.homepage',vrl);
		}
	}
}

加入收藏一个兼容所有浏览器的加入收藏js代码

一个常用的js功能，但是兼容的比较少，这里整理出兼容所有浏览器的加入收藏js代码。

演示

加入收藏

<a href="javascript:AddFavorite('http://download.keqie.com','渴切-开源中文css框架');">
加入收藏</a>

代码片段

function AddFavorite(sURL, sTitle)
{
    try { window.external.addFavorite(sURL, sTitle); }
    catch (e)
    {
        try { window.sidebar.addPanel(sTitle, sURL, ""); }
        catch (e) {
            alert("加入收藏失败，请使用Ctrl+D进行添加");
        }
    }
}

延时效果展示一个js延时效果的实现方法

一个常用的js功能，但是兼容的比较少，这里整理出兼容所有浏览器的s代码。延时效果一般通过setTimeout函数可以简单实现。

演示

点击我，延时3秒钟弹出窗口

代码片段

<script type="text/javascript">
	setTimeout(function(){
		alert(1);
	},3000);
</script>

弹出一个满屏的遮罩层兼容ie6，ie7，ie8，firefox，chrome

兼容，一段代码搞掂。

演示推荐，一句话jquery链式写法

点击我

代码片段

$('body').prepend('<div id="mask"></div>').find('#mask').css({opacity:0.2, 
cursor:'pointer', background:'black', position:'absolute', zIndex:999, width:'100%', 
height:$(document).height()});

/*点击遮罩关闭,live方法用于，为通过js新增的元素添加事件*/
$('#mask').live('click',function(){
	$(this).remove();
})

javascript插件

基于jquery，javascript的特效插件

popup弹窗

事件调用

设为首页一个兼容所有浏览器的设为首页js代码

演示

加入收藏一个兼容所有浏览器的加入收藏js代码

演示

延时效果展示一个js延时效果的实现方法

演示

弹出一个满屏的遮罩层兼容ie6，ie7，ie8，firefox，chrome

敬请期待敬请期待

演示