您的位置：首页 > Web前端 > JavaScript

JS代码制作点击设为首页和加入收藏功能

2013-08-09 10:51 453 查看

http://www.17sucai.com/pins/demoshow/210

中国素材网： http://www.17sucai.com/

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>js代码制作点击设为首页和加入收藏功能</title>
	<meta name="description" content="js代码制作两个非常常用的网页特效，点击按钮设为首页、加入收藏、收藏本页功能。是网页制作必备的常用网页特效。" />
	</head>

	<body>

	<style type="text/css">
	*{margin:0;padding:0;list-style-type:none;}
	a,img{border:0;}
	/* demo */
	.demo{width:300px;margin:130px auto 0 auto;text-align:center;}
	</style>

	<script type="text/javascript">
	//收藏本页
	function AddFavorite(sURL, sTitle){
	try{
	window.external.addFavorite(sURL, sTitle);
	}
	catch(e){
	try{
	window.sidebar.addPanel(sTitle, sURL, "");
	}
	catch(e){
	alert("加入收藏失败，请使用Ctrl+D进行添加");
	};
	};
	};

	//收藏设置页面（首页）
	function addToFavorite(){
	var d="http://www.17sucai.com/";
	var c="17素材网";
	if(document.all){
	window.external.AddFavorite(d,c);
	}else{
	if(window.sidebar){
	window.sidebar.addPanel(c,d,"");
	}else{
	alert("对不起，您的浏览器不支持此操作!\n请您使用菜单栏或Ctrl+D收藏本站。");
	}
	}
	}

	//设为首页
	function SetHome(obj){
	try{
	obj.style.behavior='url(#default#homepage)';
	obj.setHomePage('http://www.17sucai.com/');
	}catch(e){
	if(window.netscape){
	try{
	netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
	}catch(e){
	alert("抱歉，此操作被浏览器拒绝！\n\n请在浏览器地址栏输入“about:config”并回车然后将[signed.applets.codebase_principal_support]设置为'true'");
	};
	}else{
	alert("抱歉，您所使用的浏览器无法完成此操作。\n\n您需要手动将'http://www.17sucai.com/'设置为首页。");
	};
	};
	};
	</script>

	<div class="demo">
	<a href="javascript:void(0);"id="setHomePage" onclick="SetHome(this)"style="behavior:url(#default#homepage);"><imgsrc="images/sethome.gif"width="57" height="51" alt="设为首页" /></a>
	<a href="javascript:addToFavorite()"><imgsrc="images/addfavorite.gif"width="57" height="51" alt="收藏17素材网" /></a>
	<a href="javascript:AddFavorite(document.location.href,document.title);"><imgsrc="images/share.jpg"width="57" height="51" alt="收藏本页" /></a>
	</div>

	</body>
	</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航