如题,本人新学jQuery,需要实现类似校内网底面工具条,QQ空间顶部工具条一样的效果。不知如何实现,最好有这方面的JQuery插件或者技术文章,本人给分不多,略表意思,共同学习,但求各位达人指教,深表感谢。
若有此类插件和API可发送到 

解决方案 »

  1.   

    [code=HTML,code=php]
    <?php
    /*********************************************
    *
    * 文件名: example6.php
    * 作 用: 显示实例程序2
    *
    * 作 者: 大师兄
    * Email: [email protected]* 修 正: forest
    *********************************************/
    include_once("./comm/Smarty.class.php"); $smarty = new Smarty(); 
    $smarty->templates("./templates"); 
    $smarty->templates_c("./templates_c"); 
    $smarty->cache("./cache");
    $smarty->cache_lifetime = 0;
    $smarty->caching = true;
    $smarty->left_delimiter = "<{"; 
    $smarty->right_delimiter = "}>";$array[] = array("newsID"=>1, "newsTitle"=>"第1条新闻"); 
    $array[] = array("newsID"=>2, "newsTitle"=>"第2条新闻"); 
    $array[] = array("newsID"=>3, "newsTitle"=>"第3条新闻"); 
    $array[] = array("newsID"=>4, "newsTitle"=>"第4条新闻"); 
    $array[] = array("newsID"=>5, "newsTitle"=>"第5条新闻"); 
    $array[] = array("newsID"=>6, "newsTitle"=>"第6条新闻"); $smarty->assign("newsArray", $array);//编译并显示位于./templates下的index.tpl模板
    $smarty->display("example6.tpl"); 
    ?><html>
    <head><title>这是一个foreach使用的例子</title></head>
    <body>
    这里将输出一个数组:<br>
    <{section name=loop loop=$News}>
    新闻编号:<{$News[loop].newsID}><br>
    新闻标题:<{$News[loop].newsTitle}><br><hr>
    <{sectionelse}>
    对不起,没有任何新闻输入!
    <{/section}>
    </body>
    </html> 
    [/code]
      

  2.   

    [code={HTML}{php}]
    <?php
    /*********************************************
    *
    * 文件名: example6.php
    * 作 用: 显示实例程序2
    *
    * 作 者: 大师兄
    * Email: [email protected]* 修 正: forest
    *********************************************/
    include_once("./comm/Smarty.class.php"); $smarty = new Smarty(); 
    $smarty->templates("./templates"); 
    $smarty->templates_c("./templates_c"); 
    $smarty->cache("./cache");
    $smarty->cache_lifetime = 0;
    $smarty->caching = true;
    $smarty->left_delimiter = "<{"; 
    $smarty->right_delimiter = "}>";$array[] = array("newsID"=>1, "newsTitle"=>"第1条新闻"); 
    $array[] = array("newsID"=>2, "newsTitle"=>"第2条新闻"); 
    $array[] = array("newsID"=>3, "newsTitle"=>"第3条新闻"); 
    $array[] = array("newsID"=>4, "newsTitle"=>"第4条新闻"); 
    $array[] = array("newsID"=>5, "newsTitle"=>"第5条新闻"); 
    $array[] = array("newsID"=>6, "newsTitle"=>"第6条新闻"); $smarty->assign("newsArray", $array);//编译并显示位于./templates下的index.tpl模板
    $smarty->display("example6.tpl"); 
    ?><html>
    <head><title>这是一个foreach使用的例子</title></head>
    <body>
    这里将输出一个数组:<br>
    <{section name=loop loop=$News}>
    新闻编号:<{$News[loop].newsID}><br>
    新闻标题:<{$News[loop].newsTitle}><br><hr>
    <{sectionelse}>
    对不起,没有任何新闻输入!
    <{/section}>
    </body>
    </html> 
    [/code]
      

  3.   


    <?php
    /*********************************************
    *
    * 文件名: example6.php
    * 作 用: 显示实例程序2
    *
    * 作 者: 大师兄
    * Email: [email protected]* 修 正: forest
    *********************************************/
    include_once("./comm/Smarty.class.php"); $smarty = new Smarty(); 
    $smarty->templates("./templates"); 
    $smarty->templates_c("./templates_c"); 
    $smarty->cache("./cache");
    $smarty->cache_lifetime = 0;
    $smarty->caching = true;
    $smarty->left_delimiter = "<{"; 
    $smarty->right_delimiter = "}>";$array[] = array("newsID"=>1, "newsTitle"=>"第1条新闻"); 
    $array[] = array("newsID"=>2, "newsTitle"=>"第2条新闻"); 
    $array[] = array("newsID"=>3, "newsTitle"=>"第3条新闻"); 
    $array[] = array("newsID"=>4, "newsTitle"=>"第4条新闻"); 
    $array[] = array("newsID"=>5, "newsTitle"=>"第5条新闻"); 
    $array[] = array("newsID"=>6, "newsTitle"=>"第6条新闻"); $smarty->assign("newsArray", $array);//编译并显示位于./templates下的index.tpl模板
    $smarty->display("example6.tpl"); 
    ?><html>
    <head><title>这是一个foreach使用的例子</title></head>
    <body>
    这里将输出一个数组:<br>
    <{section name=loop loop=$News}>
    新闻编号:<{$News[loop].newsID}><br>
    新闻标题:<{$News[loop].newsTitle}><br><hr>
    <{sectionelse}>
    对不起,没有任何新闻输入!
    <{/section}>
    </body>
    </html> 
      

  4.   

    谢谢回答,但是不是我想要的JQuery实现方式
      

  5.   

    不就是想实现个浮动效果么,我跟你说个最简单的方法啊!根本没什么技术含量,一看就会,拿来就可以用:工具条的外观样式你随便做啊,做完了放在一个元素里面,可以是div span,其实随便什么,只要在这个元素里面放入如下代码!就可以实现悬浮效果了!
    style="position:absolute;top:expression(offsetParent.scrollTop)比如html文件,写这些代码:
    <html>
    <div style="position:absolute;top:expression(offsetParent.scrollTop)">
    <button>按钮</button>或者表格图片等等乱七八糟的随便放!
    </div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    </html>这样就实现悬浮了,但是有点抖动,要想不抖的话再改改body
    <html>
    <head>
    </head>
    <body style="background-image: url('aa');background-attachment: fixed">
    <div style="position:absolute;top:expression(offsetParent.scrollTop)">
    <button>按钮</button>或者表格图片等等乱七八糟的随便放!
    </div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    </body>
    </html>