网页右侧浮动导航
来源:互联网 发布:淘宝 骚扰买家删评论 编辑:程序博客网 时间:2024/04/28 23:45
<!-- 导航 -->
<ul id="navi" class="hidden">
<li><a href="#news">XXXX</a></li>
<li><a href="#buys">XXXX</a></li>
<li><a href="#parts">XXXX</a></li>
<li><a href="#gifts">XXXX</a></li>
<li><a href="#rules">XXXX</a></li>
<li><a href="#top" id="top">XXXXX</a></li>
<ul id="navi" class="hidden">
<li><a href="#news">XXXX</a></li>
<li><a href="#buys">XXXX</a></li>
<li><a href="#parts">XXXX</a></li>
<li><a href="#gifts">XXXX</a></li>
<li><a href="#rules">XXXX</a></li>
<li><a href="#top" id="top">XXXXX</a></li>
</ul>
#navi{background:url(/activity/newyear/images/navi.jpg) center no-repeat;width:110px;height:250px;position:fixed;_position:absolute;right:20px;top:200px;_top:expression(documentElement.scrollTop+200 + "px");}
#navi li{border-bottom:1px solid #5c0101;text-align:center;height:30px;padding-top:10px;}
#navi a{color:#fff;}
#navi a:hover{cursor: pointer;text-decoration:underline;}
function initUI() {
$(window).scroll(function() {
if ($(window).scrollTop() > 300) {
$('#navi').fadeIn();
} else {
$('#navi').fadeOut();
}
});
$("#top").click(function() {
$('body,html').animate({
scrollTop : 0
}, 100);
return false;
});
}
0 0
- 网页右侧浮动导航
- 实现网页右侧固定的浮动层
- bootstrap页面左侧导航栏 右侧网页
- 网页左右侧对联式浮动图片的JS代码
- 浮动在网页右侧的简洁QQ在线客服
- 固定在网页右侧的浮动层实现代码
- 右侧导航
- bootstrap如何实现左侧导航栏,右侧网页
- 右侧浮动菜单
- jquery控制导航定位,浮动窗跟随网页变化
- 右侧A-Z导航
- 右侧导航条
- 右侧悬浮导航
- ListView 右侧导航
- CSS之定位、居中、浮动及利用浮动设计网页布局和导航
- 点击链接自动定位到网页某个具体位置和网站右侧导航介绍
- 网页设计,本页面内左侧菜单导航右侧显示内容简单实现方法
- 网页右侧悬浮广告
- 手动清除Mac OS X中的程序缓存文件
- web.py 启动时候出现AttributeError: 'module' object has no attribute 'inet_pton'错误
- VS2010 CFiledialog类win7运行成功 XP失败?
- java对象和json对象之间互相转换
- linux dd命令详解
- 网页右侧浮动导航
- 第一章 走进java
- Centos搭建SVN服务器三步曲
- aeroo ooo配置
- cocos2d-x 3.0alpha1+ cocostudio工程搭建
- "Wave File Format"
- makefile(2)
- Login Oracle Instance Even When sysdba Cannot Do So
- VisualNet综合布线管理系统设计原则