点击联系发帖人版权声明：此博客内容为青苔凉透了我的心坎原创转载请注明出处。 /qq_/article/details/
今天给大家展示一个前两天做的七夕情人节送女友网页操作环境sublime，涉及到css和jquery的一些用法
设置图爿为背景，最上边菜单栏设置了透明度右边是一个列表，插入锚点到网页的其他部分设置hover效果，鼠标放上改变背景颜色
扩展，前段時间遇到一个案例鼠标放上背景颜色和字体颜色都发生变化，对字体颜色的改变通过li:hover a{color:#369;}来实现
左边的诗通过网页生成艺术字png图片，插入箌相应位置即可
设置主体为图中图片背景1000px的宽度，仅图中正文不包括左右动态图。
左边吉他动态图使用了绝对定位
右边动态图做了一個类似手风琴样式设置置顶菜单样式，在到达窗口顶部后固定到一定距离后回到文档流。
思路：点击第三栏时第一二三栏分别从左數0，3162像素（每一栏宽31像素，图片宽240像素）第四五栏加上240的像素宽度。
通过index（）函数返回下标从0开始。
通过prevALL（）和nextALL（）函数分别返回所选元素以前的元素或以后的元素each（）函数进行分别运算。
外边的 $(this) 为当前点击对象
内部的 $(this) 为分别选中计算的对象。
通过 nowTop = $(document).scrollTop();记录当前窗口滾动距离小与550像素时与标题栏图片背景下边齐平，大于550小于1890px时，固定到窗口具体位置大于1890px时，与第二栏内容下边沿齐平回归文档鋶。
下篇讲解回归顶部、锚点、和一个比较复杂的图片流的实现方法
