关于js实现图片翻页和图片滚动

关于js实现图片翻页和图片滚动
虽然最近研究jQuery，但是还是没有学到那么精，不知道怎么写出这个效果来，只好用js来实现了。

关于图片自动翻页这个，很久前就研究出来的，用ajaxpro+js实现动态的效果，而且这个效果也是不错的，
翻页的样式也是随机的，百叶窗还有什么，我不太懂这些样式，所以不知道他们名字，http://www.shenghuiprint.com/
这个是一开始就实现的，效果就是这个翻页的。关于ajaxpro的用法，我是不打算说了的，因为这个技术，现在用
的人很少。js只是从网上下的，我只是把它改成了动态的而已
          <center>
            <img id="imgInit" src="upfiles/7.jpg" style="border-right: #cccccc 1px solid; padding-right: 1px;
                border-top: #cccccc 1px solid; padding-left: 1px; filter: revealTrans(Transition=12,Duration=2);
                padding-bottom: 1px; margin-left: 5px; border-left: #cccccc 1px solid; padding-top: 1px;
                border-bottom: #cccccc 1px solid" width="400px" /></center>
        <br />
        <center id="focustext" style="margin-top: 5px; color: black">
            这是测试用的</center>
           
        js直接扔到这里就可，我试了下，放到head里面会报错
        <script>
    var speed=2//速度数值越大速度越慢
    demoo2.innerHTML=demoo1.innerHTML
    function Marquee1(){
    if(demoo2.offsetWidth-demoo.scrollLeft<=0)
    demoo.scrollLeft-=demoo1.offsetWidth
    else{
    demoo.scrollLeft++
    }
    }
    var MyMar=setInterval(Marquee1,speed)
    demoo.onmouseover=function() {clearInterval(MyMar)}
    demoo.onmouseout=function() {MyMar=setInterval(Marquee1,speed)}
        </script>
    
     后台ajaxpro方法      
    [AjaxPro.AjaxMethod()]
    public string bindimage()
    {
        List<Products> list = prodal.SelectAllImages();
        StringBuilder sbimage = new StringBuilder();

        for (int i = 0; i < list.Count; i++)
        {
            sbimage.AppendFormat("upfiles/{0}|", list[i].ImageName);
        }

        sbimage.Append("$");
        sbimage.Replace("|$", "$");

        for (int i = 0; i < list.Count; i++)
        {
            sbimage.AppendFormat("{0}|", list[i].ProductName);
        }

        string str = sbimage.ToString().Remove(sbimage.ToString().Length - 1);
        return str; 
    }
   
    感觉挺没劲的，关于图片滚动的，不想写了。感觉发表代码一点意思也没有。