网页上的收藏夹及分享功能代码

2024-09-05 12:17:57

字体：大中小

来源：转载

供稿：网友

网页上的收藏夹及分享功能代码，可将你的内容添加到各大网站的搜藏或微博中，实际上本代码是提供了一整套的快捷方式，方便用户将文章添加到想要的地方。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>站外分享</title><script type="text/javascript">function addFavorite(){ 	var aUrls=document.URL.split("/"); 	var vDomainName="http://"+aUrls[2]+"/"; 	var description=document.title; 	try{//IE 		window.external.AddFavorite(vDomainName,description); 	}catch(e){//FF 		window.sidebar.addPanel(description,vDomainName,""); 	} } function CopyURL(){	var myHerf=top.location.href;	var title=document.title;	if(window.clipboardData){		var tempCurLink=title + "/n" + myHerf;		var ok=window.clipboardData.setData("Text",tempCurLink);		if(ok) alert("帖子标题和链接已复制，您可以转发给QQ/MSN上的好友了。");	}	else{alert("您使用的浏览器不支持复制功能，请使用Ctrl+C或鼠标右键在浏览器地址栏复制帖子链接。");}}window.onload=function(){	clickMenu('share');}clickMenu = function(share) {	var getEls = document.getElementById(share).getElementsByTagName("li");	var getAgn = getEls;	for (var i=0; i<getEls.length; i++) {		getEls[i].onmouseover=function() {			this.className+="shownav";		}		getEls[i].onmouseout=function() {			this.className=this.className.replace("shownav", "");		}	}}function show(id){	if(id = document.getElementById(id)){		if(id.style.display == "block"){			id.style.display = "none";		}else{			id.style.display = "block";		}	}}</script><style>* {margin:0;padding:0;} img {border:none;}body {color:#333;font-size:12px;font-family:"宋体";background:#f5f9fa;}ul,ol {list-style:none;}a {color:#0b59b2;text-decoration:none;}a:hover {color:#f00;text-decoration:none;}.clear {clear:both;width:0;height:0;line-height:0;font-size:0;visibility:hidden;}.function {display:block;clear:both;height:24px;padding:20px 0 10px;overflow:hidden;}.btmfunc {display:block;clear:both;height:24px;padding:38px 0 20px;overflow:hidden;}.info {display:block;float:left;height:22px;line-height:22px;padding:0 5px;color:#0b59b2;}.info span {color:#f00;}.share {display:block;float:left;width:480px;}.share ul {display:block;padding:0;margin:0;list-style:none;height:24px;}.share ul li {display:block;float:left;height:22px;margin-right:3px;border:1px solid #cadbe7;}.share ul li a {display:block;height:16px;line-height:16px;padding:3px;padding-left:23px;cursor:pointer;background:#fff url(http://static.tianya.cn/img/static/2009/imagesNew/share.gif) no-repeat;}.share ul li a:hover {background-color:#ecf8fc;}.share ul li a.addfav {width:62px;background-position:3px 0;}.share ul li a.transmit {width:62px;background-position:3px -44px;}.share ul li a.toshare {width:62px;background-position:3px -66px;}.share ul li a.renren {background-position:3px -88px;}.share ul li a.kaixin {background-position:3px -154px;}.share ul li a.douban {background-position:3px -176px;}.share ul li a.guge {background-position:3px -198px;}.share ul li a.qq {background-position:3px -220px;}.share ul li a.baidu {background-position:3px -242px;}.share ul li a.delicious {background-position:3px -110px;}.share ul li a.bai {background-position:3px -132px;}.share ul li a.sinat {background-position:3px -264px;}.share ul li a.live {background-position:3px -286px;}.share ul li a.digu {background-position:3px -308px;}.share ul li a.yahoo {background-position:3px -330px;}.share ul li a.rline {margin-right:8px;}.share ul li .webs span a {display:block;width:55px;overflow:hidden;}.webs {position:absolute;display:none;clear:both;width:170px;padding:3px 3px 3px 5px;margin-left:-1px;border:1px solid #cadbe7;background:#fff url() 88px -347px no-repeat;overflow:hidden;}.webs span {display:block;float:left;height:22px;font-family:arial;overflow:hidden;}.shownav .webs {display:block;}</style></head><body>	<div class="btmfunc">		<div class="share">			<ul id="share">				<li>加入收藏夹</li>				<li>复制给朋友</li>				<li>分享到外站					<div class="webs">						<span>谷歌书签</span>						<span>嘀咕</span>						<span>QQ书签</span>						<span>新浪微博</span>						<span>百度搜藏</span>									<span>开心网</span>						<span>雅虎收藏</span>						<span>人人网</span>						<span>Delicious</span>						<span>白社会</span>						<span>MSN空间</span>						<span>豆瓣</span>						<div class="clear"></div>					</div>				</li>			</ul>		</div>		</div></body></html>

上一篇：用VML画正弦和余弦曲线

下一篇：JavaScript控制字符大小写转换