style="BORDER-RIGHT: #eeeeee 3px solidBORDER-TOP: #eeeeee 3px solidBORDER-LEFT: #eeeeee 3px solidBORDER-BOTTOM: #eeeeee 3px solid"
cellspacing=0 cellpadding=0 width=472 border=0>
<tbody>
<tr>
<td height="266"
bgcolor=#ffffff
style="BORDER-RIGHT: #cccccc 1px solidPADDING-RIGHT: 5pxBORDER-TOP: #cccccc 1px solidPADDING-LEFT: 5pxPADDING-BOTTOM: 5pxBORDER-LEFT: #cccccc 1px solidPADDING-TOP: 5pxBORDER-BOTTOM: #cccccc 1px solid"><a
href="http://www.tuihu.com/15584.html"
target=_blank><img height=88
src="精选美图_推虎tuihu_com.files/2006101699160.gif"
width=124
border=0></a></td>
</tr>
</tbody>
</table>
HTML部分:<div id="tbox">
<a id="tbox_0" href="#">生活</a>
<a id="tbox_1" href="#">视频</a>
<a id="tbox_2" href="#">团购</a>
<a id="tbox_3" href="#">游戏</a>
<a id="tbox_4" href="#">美图</a>
<a id="gotop" href="javascript:void(0)" title="返回顶部" target="_self">返回顶部</a>
</div> js部分:
function a(x,y){
l = $('.footer').offset().left//默认值
w = $('.footer').width()//默认值
$('#tbox').css('left',(l + w + x) + 'px')
$('#tbox').css('bottom',y + 'px')
}
function b(){
//h = $(window).height()
h = 300
t = $(document).scrollTop()
if(t > h){
$('#gotop').fadeIn("slow")
}else{
$('#gotop').fadeOut("slow")
}
}
$(document).ready(function(e) {
a(10,10)
b()
$('#gotop').click(function(){
$(document).scrollTop(0)
})
/*
$("#tbox a").css({opacity:0.8})
$("#tbox a").hover(function(){
$(this).css({opacity:1})
},function(){
$("#tbox a").css({opacity:0.8})
})
*/
})
$(window).resize(function(){
a(10,10)
})
$(window).scroll(function(e){
b()
}) CSS部分:
*html{background-image:url(about:blank)background-attachment:fixed}
#tbox{width:55pxheight:415pxfloat:rightposition:fixedz-index:999
_position:absolute
_bottom:auto
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,8)||0)-(parseInt(this.currentStyle.marginBottom,8)||0)))
_margin-bottom:8px
}
#tbox a{width:55pxheight:55pxposition:absolutecursor:pointerbackground:#000000}