js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS常用代码 > 返回顶部

纯css实现QQ音乐返回顶部和返回底部的快捷导航代码

发布时间:2015-08-30 21:39:46    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

纯css实现QQ音乐返回顶部和返回底部的快捷导航代码
<!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>    
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312">    
		<title>纯css实现QQ音乐返回顶部和返回底部的快捷导航代码</title>    
		<style type="text/css">    
			*{padding:0;margin:0}    
			p{line-height:28px}    
			.go{width:47px;height:106px;background-color:#FFF;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:12px;bottom:25%;border-radius:5px;box-shadow:0 0 2px #6E6E6E}    
			.go a{background:url(images/a.png) no-repeat;display:block;text-indent:999em;width:37px;margin:5px;border:0;overflow:hidden;float:left}    
			.go .top{background-position:0 -33px;height:22px}    
			.go .feedback{background-position:0 -54px;height:32px}    
			.go .bottom{background-position:0 -88px;height:22px}    
			.go .top:hover{background-position:-38px -33px}    
			.go .feedback:hover{background-position:-38px -54px}    
			.go .bottom:hover{background-position:-38px -88px}    
			p,p a{font-size:12px;color:#666;}    
		</style>     
	</head>    
	<body style="text-align:center">    
		<a name="gotop"></a>    
		<div style="width:980px;height:2000px;margin:0 auto;"></div>    
		<a name="gobottom"></a>    
		<div class="go">    
			<a title="返回顶部" class="top" href="#gotop"></a>    
			<a title="如果您有意见,请反馈给我们!" class="feedback" href="http://www.jstxdm.com" target="_blank"></a>    
			<a title="返回底部" class="bottom" href="#gobottom"></a>    
		</div>    
	</body>    
</html>



QQ音乐 返回底部 返回顶部

纯css实现QQ音乐返回顶部和返回底部的快捷导航代码

jquery仿QQ音乐抽奖转盘特效代码