Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[原创]童虎老师的whatsnew中的任意项目在首页下拉

[复制链接]
屁股超人 发表于 2005-8-23 23:24:46 | 显示全部楼层
<div id=hot_topic  style='position:absolute;visibility:hidden' align=center  >

这个东西放在那里?
回复

使用道具 举报

 楼主| lu5266 发表于 2005-8-23 23:39:20 | 显示全部楼层
原帖由 屁股超人 于 2005-8-23 23:24 发表
<div id=hot_topic  style='position:absolute;visibility:hidden' align=center  >

这个东西放在那里?




  1. <div align="center">
  2. <table  id=hot_topic_board border="0" cellspacing="0" cellpadding="0" width="{TABLEWIDTH}" bgcolor="{BORDERCOLOR}" align="center"><tr class="header"><td>
  3. </td></tr></table></div>

  4. <br>
  5. <table onmouseover=show_hot_topic(hot_topic,1) border="0" cellspacing="1" cellpadding="1"  height="26" width="{TABLEWIDTH}" bgcolor="{BORDERCOLOR}" align="center">
  6. <tr class="header">
  7. <td width="25%" align="center"><span class="rainbow">▼论坛最新主题▼</span> </td>
  8. <td width="25%" align="center"><span class="rainbow">▼最新回复主题▼</span> </td>
  9. <td width="25%" align="center"><span class="rainbow">▼论坛精华主题▼</span> </td>
  10. <td width="25%" align="center"><span class="rainbow">▼论坛最热主题▼</span> </td>
  11. </tr>

  12. </table>
  13. <div id=hot_topic  style='position:absolute;visibility:hidden;'  align=center  >

  14. <table cellspacing="0" cellpadding="0" border="0" width="{TABLEWIDTH}" align="center" bgcolor="{BORDERCOLOR}"><tr><td>
  15. <table border="0" cellspacing="{BORDERWIDTH}" cellpadding="{TABLESPACE}" width="100%" style="table-layout: fixed; word-wrap: break-word"  >

  16. <tr>

  17. <td width="25%"  bgcolor="{ALTBG2}" onMouseOver ="this.style.backgroundColor='{ALTBG1}'" onMouseOut ="this.style.backgroundColor='{ALTBG2}'">
  18. <script src="whatsnew.php?feature=1&length=28&orderby=3&items=10&digest=0"></script></td>

  19. <td width="25%"  bgcolor="{ALTBG2}" onMouseOver ="this.style.backgroundColor='{ALTBG1}'" onMouseOut ="this.style.backgroundColor='{ALTBG2}'">
  20. <script src="whatsnew.php?feature=1&orderby=0&length=28&items=10&digest=0"></script></td>

  21. <td width="25%"  bgcolor="{ALTBG2}" onMouseOver ="this.style.backgroundColor='{ALTBG1}'" onMouseOut ="this.style.backgroundColor='{ALTBG2}'">
  22. <script src="whatsnew.php?feature=1&orderby=0&length=28&items=10&digest=1"></script></td>

  23. <td width="25%"  bgcolor="{ALTBG2}" onMouseOver ="this.style.backgroundColor='{ALTBG1}'" onMouseOut ="this.style.backgroundColor='{ALTBG2}'">
  24. <script src="whatsnew.php?feature=1&length=28&orderby=1&items=10"></script></td>

  25. </tr></table>

  26. </td></tr></table>
  27. </div>

  28. <script language=javascript>
  29. var objname = "";
  30. var H1Visible = 0;
  31. hot_topic.style.left=hot_topic_board.offsetLeft
  32. function show_hot_topic(objname,showmethod){
  33. if (objname != ""){
  34. if (showmethod==1){
  35. objname.style.visibility="visible";
  36. H1Visible = 1;}
  37. else{
  38. objname.style.visibility="hidden";
  39. H1Visible = 0; }
  40. }
  41. }
  42. </script>
  43. <script language="javascript">

  44. var where = "";
  45. function checkwhere(e) {
  46. if (document.layers){
  47. xCoord = e.x;
  48. yCoord = e.y;
  49. }
  50. else if (document.all){
  51. xCoord = event.clientX;
  52. yCoord = event.clientY;
  53. }
  54. else if (document.getElementById){
  55. xCoord = e.clientX;
  56. yCoord = e.clientY;
  57. }
  58. yCoord=yCoord+document.body.scrollTop;
  59. if ((xCoord<hot_topic_board.offsetLeft || xCoord> hot_topic_board.offsetWidth+hot_topic_board.offsetLeft || yCoord<hot_topic_board.offsetTop || yCoord> hot_topic.offsetTop+hot_topic.offsetHeight) & H1Visible)
  60. show_hot_topic(hot_topic,0);
  61. }
  62. document.onmousemove = checkwhere;
  63. if(document.captureEvents) {document.captureEvents(Event.MOUSEMOVE);}
  64. </script>
复制代码




风格不一样

就是难定位啊

我的三个窄风格就完美的很,可是默认的风格就是向左移位了一丁点
我现在都一直在测试
在百度猛的搜索
还没找到原因
你看我的演示
真的是可以的
我怕是风格的css定义和这个有...
回复

使用道具 举报

ejew 发表于 2005-8-23 23:53:58 | 显示全部楼层
这个不用做得这么复杂,
大都数都安装过下拉菜单,
直接用下菜单来用更简单
我在D2.5用过,升D4了就没用了
回复

使用道具 举报

 楼主| lu5266 发表于 2005-8-23 23:58:34 | 显示全部楼层
原帖由 ejew 于 2005-8-23 23:53 发表
这个不用做得这么复杂,
大都数都安装过下拉菜单,
直接用下菜单来用更简单
我在D2.5用过,升D4了就没用了


呵呵
好象也是啊
回复

使用道具 举报

屁股超人 发表于 2005-8-24 00:14:37 | 显示全部楼层
原帖由 lu5266 于 2005-8-23 23:39 发表





[code]<div align="center">
<table  id=hot_topic_board border="0" cellspacing="0" cellpadding="0" width="{TABLEWIDTH}" bgcolor= ...


我换成这个了,结果还是歪一边,呜呜呜~~~
回复

使用道具 举报

屁股超人 发表于 2005-8-24 00:15:19 | 显示全部楼层
什么下拉?怎样做?教导一下嘛~~~
回复

使用道具 举报

 楼主| lu5266 发表于 2005-8-24 00:44:04 | 显示全部楼层
原帖由 屁股超人 于 2005-8-24 00:15 发表
什么下拉?怎样做?教导一下嘛~~~

哈哈

我不想了
也不懂弄啊
我为了这个
我都神经咯

[ 本帖最后由 lu5266 于 2005-8-24 00:46 编辑 ]
回复

使用道具 举报

 楼主| lu5266 发表于 2005-8-24 00:45:05 | 显示全部楼层
原帖由 屁股超人 于 2005-8-24 00:14 发表


我换成这个了,结果还是歪一边,呜呜呜~~~

那就用附件咯

好象只有一点点左移

[ 本帖最后由 lu5266 于 2005-8-24 01:15 编辑 ]
回复

使用道具 举报

屁股超人 发表于 2005-8-24 01:38:48 | 显示全部楼层
哈哈,情况就是像楼上这样有一点左移,如果能改善这点就更加完美了!
回复

使用道具 举报

 楼主| lu5266 发表于 2005-8-24 02:19:04 | 显示全部楼层
原帖由 屁股超人 于 2005-8-24 01:38 发表
哈哈,情况就是像楼上这样有一点左移,如果能改善这点就更加完美了!




  1. <center><table  id=hot_topic_board border="0" cellspacing="1" cellpadding="1" width="{TABLEWIDTH}" bgcolor="{BORDERCOLOR}" align="right" >
  2. <tr><td></td></tr>
  3. </table></center>

  4. <br>
  5. <table onmouseover=show_hot_topic(hot_topic,1) border="0" cellspacing="1" cellpadding="1"  height="26" width="{TABLEWIDTH}" bgcolor="{BORDERCOLOR}" align="center">
  6. <tr class="header">
  7. <td width="25%" align="center"><span class="rainbow">▼论坛最新主题▼</span> </td>
  8. <td width="25%" align="center"><span class="rainbow">▼最新回复主题▼</span> </td>
  9. <td width="25%" align="center"><span class="rainbow">▼论坛精华主题▼</span> </td>
  10. <td width="25%" align="center"><span class="rainbow">▼论坛最热主题▼</span> </td>
  11. </tr>

  12. </table>
  13. <div id=hot_topic  style='position:absolute;visibility:hidden; ' >

  14. <table cellspacing="1" cellpadding="1" border="0" width="{TABLEWIDTH}" bgcolor="{BORDERCOLOR}" align=right>

  15. <tr>

  16. <td width="25%"  bgcolor="{ALTBG2}" onMouseOver ="this.style.backgroundColor='{ALTBG1}'" onMouseOut ="this.style.backgroundColor='{ALTBG2}'">
  17. <script src="whatsnew.php?feature=1&length=28&orderby=3&items=10&digest=0"></script></td>

  18. <td width="25%"  bgcolor="{ALTBG2}" onMouseOver ="this.style.backgroundColor='{ALTBG1}'" onMouseOut ="this.style.backgroundColor='{ALTBG2}'">
  19. <script src="whatsnew.php?feature=1&orderby=0&length=28&items=10&digest=0"></script></td>

  20. <td width="25%"  bgcolor="{ALTBG2}" onMouseOver ="this.style.backgroundColor='{ALTBG1}'" onMouseOut ="this.style.backgroundColor='{ALTBG2}'">
  21. <script src="whatsnew.php?feature=1&orderby=0&length=28&items=10&digest=1"></script></td>

  22. <td width="25%"  bgcolor="{ALTBG2}" onMouseOver ="this.style.backgroundColor='{ALTBG1}'" onMouseOut ="this.style.backgroundColor='{ALTBG2}'">
  23. <script src="whatsnew.php?feature=1&length=28&orderby=1&items=10"></script></td>

  24. </tr>

  25. </table>

  26. </div>

  27. <script language=javascript>
  28. var objname = "";
  29. var H1Visible = 0;
  30. hot_topic.style.left=hot_topic_board.offsetLeft
  31. function show_hot_topic(objname,showmethod){
  32. if (objname != ""){
  33. if (showmethod==1){
  34. objname.style.visibility="visible";
  35. H1Visible = 1;}
  36. else{
  37. objname.style.visibility="hidden";
  38. H1Visible = 0; }
  39. }
  40. }
  41. </script>
  42. <script language="javascript">

  43. var where = "";
  44. function checkwhere(e) {
  45. if (document.layers){
  46. xCoord = e.x;
  47. yCoord = e.y;
  48. }
  49. else if (document.all){
  50. xCoord = event.clientX;
  51. yCoord = event.clientY;
  52. }
  53. else if (document.getElementById){
  54. xCoord = e.clientX;
  55. yCoord = e.clientY;
  56. }
  57. yCoord=yCoord+document.body.scrollTop;
  58. if ((xCoord<hot_topic_board.offsetLeft || xCoord> hot_topic_board.offsetWidth+hot_topic_board.offsetLeft || yCoord<hot_topic_board.offsetTop || yCoord> hot_topic.offsetTop+hot_topic.offsetHeight) & H1Visible)
  59. show_hot_topic(hot_topic,0);
  60. }
  61. document.onmousemove = checkwhere;
  62. if(document.captureEvents) {document.captureEvents(Event.MOUSEMOVE);}
  63. </script>
复制代码


有右移了一点

可以蒙混过关了啊

[ 本帖最后由 lu5266 于 2005-8-24 02:21 编辑 ]
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-1-22 09:08 , Processed in 0.038418 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表