公告栏滚动学习笔记

1、CSS position属性

默认值：static

 实例 　　h2 { position:absolute; left:100px; top:150px; }

值　　

absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

演示http://www.w3school.com.cn/tiy/t.asp?f=csse_position_absolute

fixed  生成绝对定位的元素，相对于浏览器窗口进行定位。

演示http://www.w3school.com.cn/tiy/t.asp?f=csse_position_fixed

relative  生成相对定位的元素，相对于其正常位置进行定位。

演示http://www.w3school.com.cn/tiy/t.asp?f=csse_position_relative

另外

z-index Z-index可被用于将在一个元素放置于另一元素之后。

演示http://www.w3school.com.cn/tiy/t.asp?f=csse_zindex2

 

2、jQuery  animate效果

用于创建自定义动画的函数

示例

让指定元素左右移动

HTML 代码:

<button id="left">«</button> <button id="right">»</button>
<div class="block"></div>

jQuery 代码:

$("#right").click(function(){
  $(".block").animate({left: '+50px'}, "slow");
});

$("#left").click(function(){
  $(".block").animate({left: '-50px'}, "slow");
});

3、jQuery opacity: 'toggle'切换透明度

jQuery 代码:

$("p").animate({
   height: 'toggle', opacity: 'toggle'
 }, "slow");

部分内容来自http://www.w3school.com.cn/css/css_reference.asp

http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html

小模块原地址http://www.cnblogs.com/bienfantaisie/archive/2010/12/21/1913101.html