//用JS写入图片

    var delta=0.08

    var collection;

    function floaters() {

        this.items    = [];

        this.addItem    = function(id,x,y,content)

                  {

                    document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute;  width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');

                    var newItem                = {};

                    newItem.object            = document.getElementById(id);

                    newItem.x                = x;

                    newItem.y                = y;

                    this.items[this.items.length]        = newItem;

                  }

        this.play    = function()

                  {

                    collection                = this.items

                    setInterval('play()',10);

                  }

        }

        function play()

        {

            for(var i=0;i<collection.length;i++)

            {

                var followObj        = collection[i].object;

                var followObj_x        = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);

                var followObj_y        = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

                if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {

                    var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;

                    dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));

                    followObj.style.left=followObj.offsetLeft+dx;

                    }

                if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {

                    var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;

                    dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));

                    followObj.style.top=followObj.offsetTop+dy;

                    }

                followObj.style.display    = '';

            }

        }    

    var theFloaters        = new floaters();

    //右面

    theFloaters.addItem('coupleter1','document.body.clientWidth-106',80,'<a href="###" target=_blank><img src="#"  width="100" height="300" border=0></a>');

    //左面

    theFloaters.addItem('coupleter2',6,80,'<a href=http://www.lanrentuku.com/ target=_blank><img src="#" width="100" height="300" border=0></a>');

    theFloaters.play();

//图片格式调用方法

//<EMBED src=images/duilian.swf quality=high  WIDTH=100 HEIGHT=300 TYPE=application/x-shockwave-flash id=ad wmode=opaque></EMBED>

<form name="form1" method="post">

    <input name="id[]" type="checkbox">AAA<br/>

    <input name="id[]" type="checkbox">BBB<br/>

    <input name="id[]" type="checkbox">CCC<br/>

    <input name="id[]" type="checkbox">DDD<br/>

    <input type="checkbox" name="chkAll" title="" onclick="selectAll();">全选/取消

</form>

    <script type="text/javascript">

            //复选

            function selectAll(){

                var chk = document.form1.chkAll.checked;

                for (i=0;i<document.all.length;i++){

                    if (document.all[i].name=="id[]"){

                        document.all[i].checked=chk;

                        chkRow(document.all[i]);

                    }

                }

            }

            //复选后单元格变色

            function chkRow(obj){

                var r = obj.parentElement.parentElement;

                //alert(r.nodeName);  //body

                if(obj.checked){

                    r.style.backgroundColor="#E6E9F2";

                }

                else{

                    if(r.rowIndex%2==1)r.style.backgroundColor="";

                    else r.style.backgroundColor="#F5F5F5";

                }

            }

    </script>

   <!--滚动代码区域-->

<div class="roll">

    <div class="left">&lt;</div>

    <div class="inner">

          <ul style="margin-left: 0px;">

             <li>

                 <font class="danley">Quickcss</font>

             </li>

             <li>

                 <font class="danley">Quickcss</font>

             </li>

             <li>

                 <font class="danley">Quickcss</font>

             </li>

         </ul>

    </div>

    <div class="right">&gt;</div>

    <div class="status">

        <a href="#" class="">a</a>

        <a href="#" class="selected">a</a>

        <a href="#" class="">a</a>

    </div>

</div>

<!--滚动代码区域-->

<script type="text/javascript">

     /** 版权所有: 快切

     * 网站地址: http://code.google.com/p/quickcss/*/

    $(function(){

        // 添加Jquery扩展的写法

        $.extend({

            autoChange:function(){

                $('.roll ul').animate({'marginLeft':-100},function(){

                    $(this).css('marginLeft',0).find('li:first').appendTo($(this));

                    // 状态按钮的切换

                    if($('.roll .status a.selected').next().size()==0){

                        $('.roll .status a.selected').removeClass('selected').parent().find('a:first').addClass('selected');

                    }

                    else{

                        $('.roll .status a.selected').removeClass('selected').next().addClass('selected');

                    }

                });

            }

        })

        // 函数重复调用，基于jQuery的方法一定要以上面的写法定义，否则这里不会生效

        _interval = setInterval("$.autoChange()",3000);

        /*鼠标移上去滚动停止,鼠标拿开继续滚动*/

        $('.roll').mouseover(function(){

            clearInterval(_interval);

        })

        $('.roll').mouseout(function(){

            _interval = setInterval("$.autoChange()",3000);

        })

        $('.roll .left').click(function(){

            // 将整个ul设置动画方式负移位，制造图片左移的效果，然后设置移位为0，将第一张图片获取补到最后，到这里整个图片左移效果完成

            $('.roll ul').animate({'marginLeft':-100},function(){

                $(this).css('marginLeft',0).find('li:first').appendTo($(this));

                // 状态按钮的切换

                    if($('.roll .status a.selected').next().size()==0){

                        $('.roll .status a.selected').removeClass('selected').parent().find('a:first').addClass('selected');

                    }

                    else{

                        $('.roll .status a.selected').removeClass('selected').next().addClass('selected');

                    }

            });

        },

        function(){});

        $('.roll .right').click(function(){

            // 同上

            $('.roll ul').css('marginLeft',-100).find('li:last').prependTo($('.roll ul'));

            $('.roll ul').animate({'marginLeft':0});

            // 状态按钮的切换

                    if($('.roll .status a.selected').next().size()==0){

                        $('.roll .status a.selected').removeClass('selected').parent().find('a:first').addClass('selected');

                    }

                    else{

                        $('.roll .status a.selected').removeClass('selected').next().addClass('selected');

                    }

        },

        function(){})

    })

    </script>