注册 登录
编程论坛 ASP.NET技术论坛

关于新闻图片滚动框的问题,大家帮下忙

shiyuehai 发布于 2010-12-28 10:34, 1461 次点击
我想做一个新闻图片滚动的效果,点击图片就进入相应的新闻。就像下面图片那种效果,我又是新手,都不知道怎么下手,看书找了很久都没找到,有的也是一笔带过,大家会的能不能教下,能越详细越好,如果大家有视屏教程的话麻烦也给我个,看视屏直观点,谢谢了
只有本站会员才能查看附件,请 登录
13 回复
#2
gongqf2010-12-28 11:13
http://d.
#3
thh1342010-12-28 18:48
楼上给的地址是flash下载,路径写死了,需要自己改动,改动方法可以看这 http://h.

[ 本帖最后由 thh134 于 2010-12-28 18:51 编辑 ]
#4
thh1342010-12-28 18:49
看了不理解,email我 thh134@
#5
shiyuehai2010-12-28 21:03
回复 4楼 thh134
能详细一点么,谢谢
#6
thh1342010-12-29 11:10
回复 5楼 shiyuehai
给你的链接,你看了否?还是看了不能理解
#7
shiyuehai2010-12-30 09:21
回复 6楼 thh134
我理解代码意思,但是如何导入flash到页面上不是很清楚,是不是直接把代码敲上去还是要用什么控件呢???
#8
shiyuehai2010-12-30 21:36
回复 6楼 thh134
是不是要建立数据库,然后从数据库里面读取图片信息???还有,下载完的焦点图flash放的位置有没有要求??
#9
aspic2010-12-31 09:28
动不动就说控件。。。基础的html都不会
#10
shiyuehai2010-12-31 09:56
回复 9楼 aspic
我现在正在看html+css,之前是一点.net的基础都没有的,这学期开了一门软件工程概论,中间就插了一点的进来,就教了几个控件的应用,现在就要我们2星期内弄一个网站作品上交,html跟css之前都没学过,还有c#也没学过,还有一个flash的老师放了几个QQ江山的视频给我们看就要我们做个3分钟的动画还有一个课件都要在这2周内作完,个个老师就好像自己的东西最重要的一样,什么要求都有,还不给分组做,我郁闷死了。不过我知道埋怨没用,只能靠自己学习了,我现在自己拿本书去看我也能做出来,不过我现在真的很赶,下星期二就得交了,我只能来这里问清楚点,免得到时候弄不成,不过还是谢谢你,指出我的错误在哪里
#11
懂也不懂2010-12-31 10:58
给你两种方式。
 第一:不实现你的的那个界面,换一种界面,即让新闻图片滚动,用html中的marquee,网上都有相关内容可以学习;
 第二:实现你的界面,用JS;
<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

<HTML xmlns="http://www.
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<base target="_blank" />
<meta name="keywords" content="NBA,nba,NBA常规赛,nba常规赛,火箭,0405赛季NBA常规赛,姚明,NBA记录,比分直播,NBA积分榜,NBA赛程">
<meta name="description"
content="NBA","NBA火热赛事","NBA图片","火箭-姚明","NBA热点新闻","NBA每日综述","NBA辩论","NBA评论","NBA排行榜","NBA技
术统计","王治郅-热队","NBA论坛">
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<link href="http://sports. rel="stylesheet" type="text/css" />
<link href="http://cimg2. rel="stylesheet" type="text/css" />
<link href="http://sports. rel="stylesheet" type="text/css" /></head>
<div class="col3">
<script language="javascript">
var nn;
nn=1;
setTimeout('change_img12()',6000);
function change_img12()
{
if(nn>4) nn=1
setTimeout('setFocus12('+nn+')',6000);
nn++;
tt=setTimeout('change_img12()',6000);
}
function setFocus12(i)
{
selectLayer12(i);
}
function selectLayer12(num)
{
for(var id = 1;id<=4;id++)
{
   var ss="focusPic"+id;
   if(id==num)
   document.getElementById(ss).style.display="block";
   else
   document.getElementById(ss).style.display="none";
}  
}
</script>
<div class="focusPic" id="focusPic1" style="display:block">
<div class="pic">
<a href="#"><img src="#" alt="AA" width="280" height="390" border="0" /></a>
</div>   
<div class="text">
<h2><a href="#" class="cWhite">AA</a></h2>
<span><img src="#" alt="BB" width="42" height="25" border="0" /></span>
</div>
<div class="textNum">
<div class="num bg1">
<ul>
<li>1</li><li><a href="javascript:setFocus12(2);" target="_self">2</a></li><li><a href="javascript:setFocus12(3);" target="_self">3</a></li><li><a href="javascript:setFocus12(4);" target="_self">4</a></li>
</ul>
</div>

</div>
</div>
<div class="focusPic" id="focusPic2" style="display:none">
<div class="pic">
<a href="#"><img src="#" alt="CC" width="280" height="390" border="0" /></a>
</div>   
<div class="text">
<h2><a href="#" class="cWhite">CC</a></h2>
<span><img src="#" alt="BB" width="42" height="25" border="0" /></span>
</div>
<div class="textNum">
<div class="num bg2">
<ul>
<li><a href="javascript:setFocus12(1);" target="_self">1</a></li><li>2</li><li><a href="javascript:setFocus12(3);" target="_self">3</a></li><li><a href="javascript:setFocus12(4);" target="_self">4</a></li>
</ul>
</div>

</div>
</div>
<div class="focusPic" id="focusPic3" style="display:none">
<div class="pic">
<a href="#"><img src="#" alt="DD" width="280" height="390" border="0" /></a>
</div>   
<div class="text">
<h2><a href="#" class="cWhite">DD</a></h2>
<span><img src="#" alt="BB" width="42" height="25" border="0" /></span>
</div>
<div class="textNum">
<div class="num bg3">
<ul>
<li><a href="javascript:setFocus12(1);" target="_self">1</a></li><li><a href="javascript:setFocus12(2);" target="_self">2</a></li><li>3</li><li><a href="javascript:setFocus12(4);" target="_self">4</a></li>
</ul>
</div>

</div>
</div>
<div class="focusPic" id="focusPic4" style="display:none">
<div class="pic">
<a href="#"><img src="#" alt="EE" width="280" height="390" border="0" /></a>
</div>   
<div class="text">
<h2><a href="#" class="cWhite">FF</a></h2>
<span><img src="#" alt="BB" width="42" height="25" border="0" /></span>
</div>
<div class="textNum">
<div class="num bg4">
<ul>
<li><a href="javascript:setFocus12(1);" target="_self">1</a></li><li><a href="javascript:setFocus12(2);" target="_self">2</a></li><li><a href="javascript:setFocus12(3);" target="_self">3</a></li><li>4</li>
</ul>
</div>

</div>
</div>
</body>
</html>
#12
logan20092010-12-31 16:59
给你贴一段asp的代码
<a href="javascript:goUrl()" target="_self">
<script type="text/javascript">
<%
'幻灯片产品图片
sql="select top 5 * from [Pro] where Passed="&TrueType&" order by UpdateTime desc"
set rs=server.createobject("adodb.recordset")
rs.open sql,conn,1,1
if not rs.eof then
for i=1 to 5
%>
imgUrl<%=i%>="<%=rs("DefaultPicUrl")%>";
imgtext<%=i%>="<%if len(rs("title"))>=18 then response.write left(rs("title"),18)&"..." else response.write rs("title")%>"
imgLink<%=i%>=escape("Show.asp?ID=<%=rs("ID")%>");
<%
rs.movenext
next
else
response.write "暂时没有图片!"
end if
%>
var focus_width=210
var focus_height=185
var text_height=16
var swf_height = focus_height+text_height
var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5
var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5
var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="images/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
document.write('<embed src="images/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www. />');  document.write('</object>');
</script>
</a>
#13
shiyuehai2011-01-01 10:14
回复 11楼 懂也不懂
谢谢你,我自己已经弄好了,不过不好意思,没分给你了,之前就结了
#14
thh1342011-01-01 12:16
回复 7楼 shiyuehai
怎么导入到flash?就是直接从数据库里取出来了
1