首页 新闻 会员 周边 捐助

VS2008 JS代码\高手请进

0
悬赏园豆：140 [已解决问题] 解决于 2010-05-21 12:01
各位大虾,小弟遇到一个急手的问题,在家里找了很多资料,始终没有把一个调用JS效果的轮换图片向左移动,用了align和valign可都没达到向左移动效果,由于<table>的格式是固定好的,理由所当然只要插入一个轮换图片代码到<table>中就可以把轮换图片固定在<table>的<td>里.先说明,小弟使用VS2008C#,这个程序不支持<marquee>,是缺陷还是怎么反正用不了！所以想到调用JS效果达到广告图片轮换效果,小弟不材，在下面灰色底纹代码是图片轮换区，请有材之士修改一下灰色底纹代码区，让调用JS效果的轮换图片固定在<table>的<td>中！大胆指出小弟的代码的缺点，只要让代码强壮，小弟拜谢！

补充一个问题，"鼠标经过一个大标题内容换成相应的内容"，你们应该在代码中看到了，我想用ACCESS把数据绑定到里面显示大标题和相应的内容，这又是让小弟头痛的事！如果有更好的办法采用数据库达到"  鼠标经过一个大标题内容换成相应的内容"的效果,小弟跪谢！ 大虾们有现成数据代码或网站，能让小弟学习，小弟二跪谢！小弟邮箱（szy8706@yeah.net）QQ:549281477,渴望大虾们的回复与建议.........
代码 
index.aspx代码
<body style=" margin:0;"><form id="Form1" runat="server">
    <div id="content">
    <div id="td">
    <iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" 
            src="head.html" style="height: 170px; width: 928px"></iframe>
      <table cellspacing="0" cellpadding ="0" width="928" border ="0" 
                    style="margin-left :0px; margin-top :2px; height:254px;"  >
       <tr>
        <td width="263" valign="top" style="height: 182px">
           <div id="layout">
              <ul id="tabnav">
                <li onclick="go(1);" class="current">111111</li>
                <li onclick="go(2);">222222</li>
                <li onclick="go(3);">333333</li>
                <li onclick="go(4);">444444</li>
                <li onclick="go(5);">555555</li>
               </ul>
            <div id="tab">
               <ul id="tabnav02">
                <li ></li>
                <li ></li>
                <li ></li>
                <li ></li>
                <li ></li>
               </ul>
               <div id="tabcon_1" class="tabcon block">
                   精华帖子内容
               </div> 
               <div id="tabcon_2" class="tabcon">
                   最新帖子内容
               </div> 
               <div id="tabcon_3" class="tabcon">
                   最旧帖子内容
               </div> 
               <div id="tabcon_4" class="tabcon">
                   最热帖子内容
               </div> 
               <div id="tabcon_5" class="tabcon">
                   图片帖子内容 图片帖子内容
               </div>  
               <script type="text/javascript">
               <!--
                 var h=document.getElementById("tabnav").getElementsByTagName("li");
                 function go(s){
                 for(var i=1;i<=h.length;i++){
                 if(s==i){
                              h[i-1].className="current";
                              document.getElementById("tabcon_"+i).className="tabcon block";
                         }
                     else{
                              h[i-1].className="";
                              document.getElementById("tabcon_"+i).className="tabcon";
                          }
                        }
                      }
                   //-->
                 </script>
              </div>
            </div>
            <div>
            <h1 > </h1>
           
            </div>
          </td>
//图片轮换
          <td valign="top" style="height: 182px" >
                <table style="width:15%; height: 223px;" align="left">
                    <tr>          
                        <td class="style" valign="top" style="width:30%" align="right">
                          <div id="focus">
                               <div id="no" style="left: 150px; ">
                                   <ul>
                                    <li id="t0" class="bbg1" onmouseout="setAuto()" onmouseover="Mea(0);clearAuto();">1</li>
                                      <li id="t1" class="bbg0" onmouseout="setAuto()" onmouseover="Mea(1);clearAuto();">2</li>
                                       <li id="t2" class="bbg0" onmouseout="setAuto()" onmouseover="Mea(2);clearAuto();">3</li>
                                       <li id="t3" class="bbg0" onmouseout="setAuto()" onmouseover="Mea(3);clearAuto()">4 </li>
                                        <li id="t4" class="bbg0" onmouseout="setAuto()" onmouseover="Mea(4);clearAuto();">5 </li>
                                         <li id="t5" class="bbg0" onmouseout="setAuto()" onmouseover="Mea(5);clearAuto();">6</li>
                                    </ul>
                                </div>
                   <div id="au">
                      <% lunhuan(); %>
                   </div>
                   <div id="conau" >
                       <div style="display: block">
                       </div>
                       <div style="display: none">
                       </div>
                       <div style="display: none">
                       </div>
                       <div style="display: none">
                       </div>
                       <div style="display: none">
                       </div>
                       <div style="display: none">
                       </div>
                   </div>
               </div>
               <br /><br />
                <div id="au1">
                          <asp:AccessDataSource ID="AccessDataSource4" runat="server" DataFile="~/App_Data/net.mdb"
                                     SelectCommand="SELECT TOP 6 id, imgurl FROM tpguangao ORDER BY id DESC"></asp:AccessDataSource>
                               </div>
                             </td>
                       </tr>
                  </table>
                </div>
             </td>
            <td width="400" valign="top" style="height: 182px">
             <div>
            </div>
            </td>
        </tr>
        </table>
    </div>
    </div>
    </form>
</body>

 

代码 
pic.css文件
*{margin:0; padding:0;}
#focus {
    CLEAR: both; MARGIN: 0px; WIDTH:300px; POSITION: relative; HEIGHT: 0px;top:0
}
#no {
    Z-INDEX: 5; LEFT: 420px; WIDTH: 125px; POSITION: absolute; TOP: 73px
}
#no UL {
    CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 10px/20px Arial; WIDTH: 115px; PADDING-TOP: 0px; HEIGHT: 5px
}
#no LI {
    PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; WIDTH: 16px; 
MARGIN-RIGHT: 1px; PADDING-TOP: 2px; HEIGHT: 11px; TEXT-ALIGN: center
}
#no .bbg0 {
    FONT-SIZE: 10px; BACKGROUND: url(file:///C|/DOCUME~1/ADMINI~1/LOCALS~1/Temp/Temporary Internet Files/Content.IE5/O1UV89MZ/focus1.gif); CURSOR: pointer; COLOR: White; background-color:Green; LINE-HEIGHT: 11px; FONT-FAMILY: Arial
}
#no .bbg0 A {
    COLOR: Green; TEXT-DECORATION: none; 
}
#no .bbg1 {
    FONT-SIZE: 10px; BACKGROUND: url(file:///C|/DOCUME~1/ADMINI~1/LOCALS~1/Temp/Temporary Internet Files/Content.IE5/O1UV89MZ/focus.gif); CURSOR: pointer; COLOR: white; LINE-HEIGHT: 11px; FONT-FAMILY: Arial
}
#no .bbg1 A {
    COLOR: Green; TEXT-DECORATION: none
}
#au {
     FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); WIDTH: 300px;
HEIGHT: 0px
}
#au IMG {
     WIDTH: 309px; HEIGHT: 200; border:0;top:0px
}

 

乄笨-爵的主页 乄笨-爵 | 初学一级 | 园豆：0
提问于：2010-05-10 14:14
< >
分享
最佳答案
0

1.<marquee> 这个标签这默认vs html设置编辑器是不能使用的（用了也没关系），现在几乎所有的浏览器都是支持marquee的放心用就是。

2.图片轮换，那个有很多种呢，你要什么样的啊，要想漂亮点的用falsh很好。js写起来挺烦了，不过写好的代码相当多的，找一下就是

3.鼠标经过更换：

有两种实现：

1，先把每一篇都全部读出隐藏，title 的onmouseover的时候显示出来即可

2，数据较多的时候还是用ajax好些

 

你发了很多代码，不过大部分都没用的，看得很累，而且不好理解，还有lunhuan（）这个你没有解析出来，别人不知道里面是什么。

收获园豆：40
LittlePeng | 老鸟四级 |园豆：3445 | 2010-05-10 15:02
其他回答(1)
0

如果你是想实现无间缝的Table Td移动，可以使用以下代码：

<table width="260px" align="center" border="0">
    <tbody>
        <tr>
            <td align="middle">
                <div id="demo" style="margin-top: 0px; overflow: hidden; width: 250px; height: 210px">
                    <table width="100%" align="center" bgcolor="#b2b2b2" border="0">
                        <tbody>
                            <tr>
                                <td id="demo1" align="middle">
                                    <table width="250px" align="center" border="0">
                                        <tbody>
                                            <tr>

<!--利用数据源控件Repeater或其它控件循环读出TD就可以了！-->
<td align="middle"><img src="images/topimg.jpg" border="1" width="230px" height="200px" /></td>
<td align="middle"><img src="images/topimg.jpg" border="1" width="230px" height="200px" /></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                                <td id="demo2">
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </td>
        </tr>
    </tbody>
</table>

<script>
      var speed=30//速度数值越大速度越慢
      demo2.innerHTML=demo1.innerHTML
      function Marquee(){
          if(demo2.offsetWidth-demo.scrollLeft<=0)
          demo.scrollLeft-=demo1.offsetWidth
          else{
            demo.scrollLeft++
          }
     }
      var MyMar=setInterval(Marquee,speed)
     demo.onmouseover=function() {clearInterval(MyMar)}
     demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

 

园子有很多无间marquee滚动的JS框架，另外这和VS2008没有太大的关系。

http://www.cnblogs.com/cloudgamer/tag/%E6%97%A0%E7%BC%9D%E6%BB%9A%E5%8A%A8/

收获园豆：100
Astar | 园豆：40805 (高人七级) | 2010-05-10 14:24
清除回答草稿
   您需要登录以后才能回答，未注册用户请先注册。