寻网页浮动工具条jQuery实现方法或插件

mychenliang 2010-01-24 11:21:43
如题,本人新学jQuery,需要实现类似校内网底面工具条,QQ空间顶部工具条一样的效果。不知如何实现,最好有这方面的JQuery插件或者技术文章,本人给分不多,略表意思,共同学习,但求各位达人指教,深表感谢。
若有此类插件和API可发送到我的邮箱 mychenliang@163.com
...全文
303 5 打赏 收藏 举报
写回复
5 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
mychenliang 2010-01-24
  • 打赏
  • 举报
回复
谢谢回答,但是不是我想要的JQuery实现方式
文和_ 2010-01-24
  • 打赏
  • 举报
回复

<?php
/*********************************************
*
* 文件名: example6.php
* 作 用: 显示实例程序2
*
* 作 者: 大师兄
* Email: teacherli@163.com

* 修 正: 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>


文和_ 2010-01-24
  • 打赏
  • 举报
回复
[code={HTML}{php}]
<?php
/*********************************************
*
* 文件名: example6.php
* 作 用: 显示实例程序2
*
* 作 者: 大师兄
* Email: teacherli@163.com

* 修 正: 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]
文和_ 2010-01-24
  • 打赏
  • 举报
回复
[code=HTML,code=php]
<?php
/*********************************************
*
* 文件名: example6.php
* 作 用: 显示实例程序2
*
* 作 者: 大师兄
* Email: teacherli@163.com

* 修 正: 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]
tntooo 2010-01-24
  • 打赏
  • 举报
回复
不就是想实现个浮动效果么,我跟你说个最简单的方法啊!

根本没什么技术含量,一看就会,拿来就可以用:

工具条的外观样式你随便做啊,做完了放在一个元素里面,可以是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>


相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2010-01-24 11:21
社区公告
暂无公告