jQuery页面滚动顶部右侧固定层

 时间:2024-10-15 07:39:17

1、新建html文档。

jQuery页面滚动顶部右侧固定层

2、书写hmtl代艨位雅剖码。<div class="box"> <!--沪枭诽纾代码开始--> <div class="main"></div> <div class="sub"> <div class="sub01"></div> <div class="sub01"></div> <div class="fixed">我是固定的哟</div> </div> <!--代码结束--></div>

jQuery页面滚动顶部右侧固定层

3、书写css代码。<style type="text/css">*{pa颊俄岿髭dding:0px;margin:0px;}.box{width:1000px;background:#ccc;margin:0 auto;overflow:hidden;}.main{width:770px;height:3000px;background:#000;float:left;}.sub{width:220px;background:#FC6;float:right;}.sub01{width:220px;height:100px;background:#0CC;margin-bottom:10px;}.fixed{width:220px;height:300px;background:#F66;font:normal 13px/30px \5FAE\8F6F\96C5\9ED1;text-align:center;top:10px;}</style>

jQuery页面滚动顶部右侧固定层

4、书写并添加js代码。<script src="js/jquery.js"></script>

jQuery页面滚动顶部右侧固定层

5、代码整体结构。

jQuery页面滚动顶部右侧固定层

6、查看效果。

jQuery页面滚动顶部右侧固定层
  • Word 2010怎样设置装订线边距
  • NBA黄金一代有哪些
  • 6种不易被发现的2型糖尿病症状
  • 德雷蒙德-格林进入NBA前的经历是怎样的
  • 你认识主板上的BIOS芯片吗?
  • 热门搜索
    读书节手抄报图片 消防安全手抄报资料 关于手抄报的花边 读书活动手抄报 关于鸟的手抄报 多彩的民族文化手抄报 安全手抄报版面设计图 儿童手抄报大全 小学二年级手抄报大全 语言的魅力手抄报